javascript – 如何在HTML文件中编码图像数据?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在HTML文件中编码图像数据?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1259字,纯文字阅读大概需要2分钟。
内容图文
![javascript – 如何在HTML文件中编码图像数据?](/upload/InfoBanner/zyjiaocheng/705/efc31ae123564a87b2974a4d82e11195.jpg)
我希望能够输出包含图像的HTML文件(在文件本身内).通过谷歌搜索,我遇到了几种方法:
> javascript:imageData
>数据URI,例如< IMG SRC =“data:image / gif; base64,[...]”>
>< object ...> tag(虽然这使用了数据URI,因此可能会继承相同的限制)
但我不知道浏览器支持哪个更好,或者有其他替代方案.
任何有实际经验的人能为我提供建议吗?谢谢.
解决方法:
关于浏览器支持,从Wikipedia开始:
Data URIs are currently supported by
the following web browsers:
> Gecko及其衍生产品,如Mozilla Firefox
>歌剧
> KDE,通过KIO输入/输出系统.这允许KDE浏览器Konqueror支持数据URI.
> Safari;虽然Safari的渲染引擎WebKit是Konqueror的KHTML引擎的衍生产品,但Mac OS X并不共享KIO从属架构,因此不会共享实现.
>适用于iPhone的Safari;
>谷歌浏览器
> Internet Explorer 8;出于安全原因,Microsoft对某些“不可导航”内容(例如标签和CSS规则)的支持有限,包括担心嵌入在数据URI中的JavaScript可能无法被脚本过滤器解释,例如基于Web的电子邮件使用的脚本过滤器客户端.数据URI必须小于32k.
>世界浏览器;是一个IE shell浏览器,它内置了对数据URI方案的支持
IE不处理< object>标记正确,请参阅here了解更多详情.简而言之,您无法信任IE从中显示图像.
javascript:imageData也没有得到很好的支持,因为它被用于许多跨站点脚本攻击.
在web上有很多关于this的讨论,他们都得出结论,没有很好的通用方法来嵌入图像.如果您只需要支持浏览器的子集,数据uri可以工作,或者数据uri和javascript的组合.
内容总结
以上是互联网集市为您收集整理的javascript – 如何在HTML文件中编码图像数据?全部内容,希望文章能够帮你解决javascript – 如何在HTML文件中编码图像数据?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。