兼容最新火狐、铬和工业管理学(工业工程)的爪哇岛描述语言图片预览实现代码

爪哇岛描述语言实现客户端文件选择文件后img标签加载客户端图片实现图片预览。

测试浏览器：firefox6、firefox12、chrome 25.0.1364.172 m、IE6-IE10都兼容

safari5.0.4不支持文件阅读器和file.files.item(0).getAsDataURL方法，暂时无解，需要上传到服务器后返回临时文件名用img标签加载，不知道后续的旅行队版本是否支持文件阅读器对象。

IE10下效果：

IE9下效果：

实现源代码：

！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 ' hearteta http-equiv=' content-type ' content=' txt/html；charset=utf-8' /titlejavascript实现IE，火狐客户端图片预览/titlescript //使用工业管理学(工业工程)条件注释来判断是否IE6，通过判断用户代理不一定准确if (document.all) document.write('！-[如果LTE IE 6]脚本类型=' text/JavaScript '窗口。ie6=true \/script！[endif]-')；//var ie6=/msie 6/I . test(navigator。用户代理)；//不推荐，有些系统的ie6用户代理会是IE7或者IE8函数更改(picId，fileId){ var pic=document。getelementbyid(PiCid)；var文件=文档。getelementbyid(fileId)；如果(窗口. FileReader){//chrome，firefox7，opera，IE10，IE9，IE9也可以用滤镜来实现of reader=new file reader()；读者的。readasdataurl(文件。文件[0])；读者的。onload=函数(参考){ pic。src=参考值。目标。结果；};} else if(文档。all){//IE8-file。select()；var real localpath=document。选择。创建范围().文本//IE下获取实际的本地文件路径if(窗口。ie6)pic。src=真实本地路径；//IE6浏览器设置img的科学研究委员会为本地路径可以直接显示图片else { //非IE6版本的工业管理学(工业工程)由于安全问题直接设置img的科学研究委员会无法显示本地图片，但是可以通过滤镜来实现，IE10浏览器不支持滤镜，需要用文件阅读器来实现，所以注意判断文件阅读器先pic。风格。filter=' progid : maximagettransform .微软。alpha imageloader(sizing method=' image '，src=\ ' ' real local path ' \ ')'；pic。src=' data : image/gif；base64，R0lGODlhAQABAIAAAP///waaach5 baaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaow='；//设置img的科学研究委员会为base64编码的透明图片，要不会显示红xx } } else if(文件。文件){//Firefox 6-if(文件。文件。项目(0)){ URL=文件。文件。项目(0).getastualta()；pic . src=URL } } }/script/head dyform name=' form 1 ' enctype=' multipart/form-data '表RTD草图1:/tdtd输入类型='文件'名称='文件1' id='文件1 ' on change=' change '(pic1 '，'文件1')'/tdtrtd草图浏览1:/tdtdimg src=' http : images/px。gif ' id=' pic1 '/TD/trtrtd草图2:/tdtd输入类型=' file ' name=' file 2 ' id=' file 2 ' on change=' change '(pic2 '，' file2')'/tdtrtd草图浏览2:/tdtdimg src=' http : images/px。gif ' id=' pic2 '/TD/tr/table/form/body/html