HTML的img标签不支持src跨域了吗 我 手机阅读器关于img的src跨域只要chrome支持 (html的iframe嵌入外部页面)

本文目录导航：

• HTML的img标签不支持src跨域了吗？手机阅读器关于img的src跨域只要chrome支持。我
• js成功跨域的几种方法汇总（图片ping、JSONP和CORS）_javascript技巧
• 跨域 img 设置 cookie

HTML的img标签不支持src跨域了吗？手机阅读器关于img的src跨域只要chrome支持。我

只需是公网能访问的都可以作为img的src渲染。

除非你给的不是相对门路，而是相对门路。

最好贴出代码

js成功跨域的几种方法汇总（图片ping、JSONP和CORS）_javascript技巧

跨域只管有同源战略的存在，然而在js中跨域也依然很经常出现，有、、图片ping、jsonp、CORS，在这里便捷总结下图片ping、jsonp和CORS备忘。

图片ping图片可以从任何URL中加载，所以将img的src设置成其余域的URL，即可以成功便捷的跨域，可以经常使用onload和onerror事情来确定能否接遭到了照应。

这里新建了一个img对象，给出的url是博客地址，这里是个error事情，所以弹出error；假设将URL改为一张图片，就会弹出onload加载消息success，从而成功了便捷的跨域。

经常使用图片ping跨域只能发送get恳求，并且不能访问照应的文本，只能监听能否照应而已，可以用来追踪广告点击。

jsonpjsonp是带有回调函数callback的json，原名json with padding，翻译是填充式json，参数式json。

由于script的src可以跨域，所以在发送的URL后减少一个callback参数传递给主机，而后主机前往的数据会作为callback的参数，由于这个callback是咱们自己来成功的，所以可以对接遭到的json数据启动解决。

便捷代码如下：function call(data){ alert();}这里，咱们把脚本的src设置为，这是一个失掉用户ip地址的api（有兴味的可以点击这里检查），而后将callback作为一个参数拼接在URL后，前往的json数据就会作为callback的参数，在这里callback咱们定义为call函数，即前往的json数据就会作为call的参数传出来，这个call函数仅仅弹出用户的市区city。

笔者这里的输入结果是河北。

其余ip消息可以检查官方，下面有具体的列表，比如country_name，time_zone等。

CORS（跨资源共享）CORS是跨资源共享，cross site resourse sharing，它和ajax其实是大体相反的，关于ie实例化的是xdr对象，XDomainRequest，咱们能访问的也只要responseText，触发的事情有load和error，写法和xhr大体相反，也须要open和send。

关于ff，chrome等其余阅读器实例化的是xhr，在这里myvin仅仅拿xhr来展示下，假设要成功跨阅读器，可以配合xdr成功兼容。

xhr如下：这里经常使用的url是，和ajax惟一的区别就是url经常使用的是跨域的相对地址，在ajax中经常使用的本页面内的相对地址或相对地址。

看一下管理台，这里用的是ff40.0.3，显示消息如下：已阻止跨源恳求：同源战略制止读取位于的远程资源。

（要素：CORS 头缺少 Access-Control-Allow-Origin）。

所以用CORS成功跨域还有一步要做，就是在主机端设置Access-Control-Allow-Origin。

跨域 img 设置 cookie

从技术层面来讲，咱们可以设置 <img> 标签须要带上cookie等凭据来向后端恳求图片资源，后端检测凭据能否非法来选择能否前往相应资源 以 img 标签为例，其它例如 <audio>、<img>、<link>、<script> 和 <video> 均有一个跨域属性 (crossOrigin property)，它准许你性能元素失掉数据的 CORS 恳求。 设置 crossorigin=use-credentials示意恳求将带上凭据： Note: The domain must match the domain of the JavaScript origin. Setting cookies to foreign domains will be silently ignored.用于展示携带的 cookie 由于是跨域恳求，这时刻要阅读器带上cookie就须要设置以下白色框的内容，又由于是 https 恳求，所以要设置绿框的内容 web主机的设置(nginx)： 最终可以看到恳求中携带了cookie: