通过 html5 FileReader 实现上传图片预览功能详解编程语言

  input type="file" name="file" onchange="showPreview(this)" /   img id="portrait" src="" width="70" height="75"   /body /html

JS部分

 script type="text/javascript" 

 function showPreview(source) { 

 var file = source.files[0]; 

 if (window.FileReader) { 

 var fr = new FileReader(); 

 fr.onloadend = function(e) { 

 document.getElementById("portrait").src = e.target.result; 

 }; 

 fr.readAsDataURL(file); 

 } 

 } 

 /script 

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/10077.html

cjava