suchen

Heim >Web-Frontend >js-Tutorial >本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结_javascript技巧

本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结_javascript技巧

WBOY
WBOYOriginal
2016-05-16 17:39:301267Durchsuche

最近在Web项目开发过程中遇到的本地图片预览的需求，虽然最后因为其他原因没能使用，但是也算有些了解，整理出来。

这里我们按浏览器分，主要包括IE6，IE7/8 和Firefox3， 不包含Opera，Safari和Chrome，这三个基本上需求很小，没有研究。

总结一下就是：
IE6下可以直接从file的value获取图片路径来显示预览。
IE7和IE8下通过select获取file的图片路径，再用滤镜来显示预览。
FireFox下调用file的getAsDataURL方法获取Data URI数据来显示预览。

下面是一个完整的Demo：

复制代码 代码如下:









本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结_javascript技巧




Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Js md5加密网页版MD5转换代码_javascript技巧Nächster Artikel：Jquery实现带动画效果的经典二级导航菜单_jquery

In Verbindung stehende Artikel

Mehr sehen