解决html-jquery/js引用外部图片时遇到看不了或出现403的问题

转载  更新时间:2017年09月22日 13:55:32   作者:小胡来生缘   我要评论

下面小编就为大家带来一篇解决html-jquery/js引用外部图片时遇到看不了或出现403的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

解决方法如下所示:

<script type="text/javascript">
 function showImg(url) {
   var frameid = 'frameimg' + Math.random();
   window.img = '<img id="img" style="width: 100%;height: auto" src=\'' + url + '?' + Math.random() + '\' /><script>window.onload = function() { parent.document.getElementById(\'' + frameid + '\').height = document.getElementById(\'img\').height+\'px\'; }<' + '/script>';
   document.write('<iframe id="' + frameid + '" src="javascript:parent.img;" frameBorder="0" scrolling="no" width="100%"></iframe>');
   }
</script>

<div>
 <script type="text/javascript">showImg("图片url");</script>
</div>

本人已经测试通过了!

以上就是小编为大家带来的解决html-jquery/js引用外部图片时遇到看不了或出现403的问题的全部内容了,希望大家喜欢哦~

如果大家想了解更多游戏活动与游戏攻略,请持续关注本站,本站小编将在第一时间为大家带来最好看、最好玩、最新鲜的游戏资讯。更多精彩内容,尽在jb51游戏频道!

相关文章

  • Jquery插件之Fancybox丰富的弹出层效果附源码下载

    Jquery插件之Fancybox丰富的弹出层效果附源码下载

    Fancybox是一款优秀的jquery插件,它能够展示丰富的弹出层效果,相比facybox,fancybox显得功能更为齐全,它除了可以加载DIV,图片、图片集、Ajax数据,还能加载SWF影片,iframe页面等等
    2015-12-12
  • jquery中键盘事件小结

    jquery中键盘事件小结

    本文给大家简单总结了下jQuery中键盘事件的使用方法以及相关示例,非常的实用,有需要的小伙伴可以参考下。
    2016-02-02
  • jQuery结合PHP+MySQL实现二级联动下拉列表[实例]

    jQuery结合PHP+MySQL实现二级联动下拉列表[实例]

    二级联动的实现方法还真不少,实用性也很强,这里结合一个学生信息表的实例,来分享一下我的实现过程
    2011-11-11
  • JQuery学习总结【二】

    JQuery学习总结【二】

    本文主要介绍了JQuery的基本知识,如:JQuery的dom操作,动态创建dom节点,删除节点,document方法等等,文章篇尾处附上实例小练习。需要的朋友可以参考下
    2016-12-12
  • JQuery boxy插件在IE中边角图片不显示问题的解决

    JQuery boxy插件在IE中边角图片不显示问题的解决

    这篇文章主要介绍了JQuery boxy插件在IE中边角图片不显示问题的解决方法,十分的简单实用,有需要的小伙伴可以参考下。
    2015-05-05
  • jquery tab插件精简版分享

    jquery tab插件精简版分享

    自己平时用得比较多tab功能,网上有很强大的tab功能,但是很多时候太过于复杂,所以自己写了一个最简单的jquery插件,代码如下,就不解释了。
    2011-09-09
  • jQuery的bind()方法使用详解

    jQuery的bind()方法使用详解

    bind()定义和用法:bind() 方法向被选元素添加一个或多个事件处理程序,以及当事件发生时运行的函数。
    2015-07-07
  • 基于jquery实现的服务器验证控件的启用和禁用代码

    基于jquery实现的服务器验证控件的启用和禁用代码

    用户点击下一步时,不对Display=none的新增区域表单进行验证,需要在用户点击“取消增加时”,禁用服务器验证控件。反之,启用服务器验证控件。
    2010-04-04
  • jQuery中insertAfter()方法用法实例

    jQuery中insertAfter()方法用法实例

    这篇文章主要介绍了jQuery中insertAfter()方法用法,实例分析了insertAfter()方法的功能、定义及匹配的元素插入到另一个指定的元素集合后面的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jquery图片放大功能简单实现

    jquery图片放大功能简单实现

    图片放大在某些例如商品细节放大图比较常见,本文写了一个图片放大的示例适合日常应付,有需求的朋友可以参考下
    2013-08-08

最新评论