網上很多代碼實現了上傳圖片這個功能，但不支持實時預覽圖片，下面實現了上傳圖片前預覽效果功能，具體如下
效果如圖：
代碼如下：
<!doctype html><html><head><meta charset="utf-8"><title>jQuery上傳圖片之前可以預覽效果</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script><style></style></head><body><input id="file" ;="" onchange="c()" type="file"><br><img src="" id="show" width="200"><script>function c () { var r= new FileReader(); f=document.getElementById('file').files[0]; r.readAsDataURL(f); r.onload=function (e) { document.getElementById('show').src=this.result; };}</script></body></html>以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
