本地图片预览二三事 »
上传图片是我们Web开发经常用到的一个功能,那当然少不了文件域标签的使用,如果是上传的是图片文件能够提前预览就好了。
1 | <input type="file"/> |
到目前为止,只有IE和FF可以预览本地图片。IE下可以直接浏览本地图片,通过input[type=file]的value属性就可以取到本地图片的路径。
而在FF下,有getAsDataURL()方法可以生成图片的DataURL,然后赋值给img标签。
各种浏览器的支持情况
Internet Explorer & Opera
这两种浏览器返回的值是一样,如果把此站点添加到IE “受信任的站点”列表中,是一个完整的文件的路径。否则就是它:
1 | C:\fakepath\image.png |
如果还是不理解的话,请看这篇文章《揭露 c:\fakepath 的秘密》。