createObjectURL方法实现本地图片预览

ie6可以直接显示本本地路径的图片如：img src=' http :文件：//c :/3。jpg '/~ ~ ~网上都说ie7就不支持这种文件系统路径的url，但测试xp ie8还是可以的

ie8 alphaImageLoader滤镜方式加载本地路径的图片

chrome，firefox，用数据全球资源定位器(Uniform Resource Locator)或createObjectURL方法实现

例子：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=gb2312'/titleget文件输入完整路径/title脚本类型='text/javascript '语言='javascript '函数getFullPath(obj){ var new preview=document。getelementbyid(' img ')；if(obj){//ie if(window。领航员。用户代理。indexof(' MSIE ')=1){ obj。select()；新预览。风格。filter=' progid : maximagettransform .'微软。AlphaimageLoader(大小调整方法=比例)；新预览。过滤器。项目(' Dximagettransform .微软。alpha imageloader’).src=文档。选择。创建范围().文本；返回；}//Firefox else if(窗口。领航员。用户代理。indexof(' Firefox ')=1){ if(obj。文件){新预览。src=窗口.网址。createobjecturl(obj。文件。项目(0))；返回；} NewPreview。src=obj。价值；返回；} NewPreview。src=obj。价值；返回；} }/脚本/床头输入类型=' file ' on change=' getFullPath(this)；/img id=' img ' alt=' style=' width :200 px；'height :200 px ' src=' http :你自己的透明图片//正文/html然后我们来看看窗户. URL.createObjectURL()到底是什么

窗户网址. createObjectURL

概述

创建一个新的对象网址，该对象统一资源定位器可以代表某一个指定的文件对象或一滴对象。

语法

objectURL=窗口网址。CreateObjectURl(blob)；

一滴参数是一个文件对象或者一滴对象对象URL .是生成的对象网址。通过这个网址，可以获取到所指定文件的完整内容。示例

查看使用对象统一资源定位器显示图片。

附注

在每次调用createObjectURL()方法的时候，都会创建一个新的对象网址，即使参数中的这个对象已经有了自己的对象网址。在你不需要这些对象统一资源定位器的时候，你应该通过调用窗户. URL.revokeObjectURL()方法来释放它们所占用的内容。虽然即使你不主动释放它们，浏览器也会在当前文档被卸载的时候替你释放，不过，考虑到更好的性能和更少的内存占用，你应该在安全的时候主动施放它们。

浏览器兼容性

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。