上传图片及时预览

王朝学院·作者佚名  2016-05-22
窄屏简体版  字體: 小  |  中  |  大  |  超大  

上传图片及时预览最近写了一个上传图片及时预览的功能,也参考了网上一些人代码,可以支持最新的Chrome,FF,Ie,以及Ie6

HTML

1 <img id="imgTag" style="height: 100px;" />2 <input type="file" onchange="DisplayImage(this,'imgTag')"/>

Js

function DisplayImage(fileTag,imgTagId){ var allowExtention=".jpg.png.gif"; var extentionArr=fileTag.value.split('.'); var extention = extentionArr[extentionArr.length-1]; if(!(allowExtention.indexOf(extention)>-1)){ alert("Please upload image!"); }else{ //for adveced broswer(the newest ie,chrome,ff) if(typeof(FileReader)!=="undefined"){ var reader = new FileReader(); reader.readAsDataURL(fileTag.files[0]); reader.onload = function(e){ document.getElementById(imgTagId).setAttribute("src", e.target.result); } }else{ //for(ie6) document.getElementById(imgTagId).setAttribute("src",fileTag.value); } }}

--Ones

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航