HTML5 上传图片预览
生活随笔
收集整理的這篇文章主要介紹了
HTML5 上传图片预览
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
html5出現(xiàn)之前如果需要上傳圖片預(yù)覽 一般都是先上傳到服務(wù)器然后遠(yuǎn)程預(yù)覽
html5出現(xiàn)之后 ? 有個(gè)filereader 解決了這問(wèn)題
//選中圖片之后$("#fileAddPic").on('change', function (e) {var files = e.target.files || e.dataTransfer.files;onSelect(files);})//選中圖片之后function onSelect(file) {file = file[0];var html = '', i = 0;$("#preview").html('<div class="upload_loading"></div>');var funAppendImage = function () {if (file) {var reader = new FileReader();reader.onload = function (e) {$("#upimgBox").attr('src', e.target.result)}reader.readAsDataURL(file);}};funAppendImage();}
轉(zhuǎn)載于:https://www.cnblogs.com/sxmny/p/3998701.html
總結(jié)
以上是生活随笔為你收集整理的HTML5 上传图片预览的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： js文件中调用另一个js文件：
- 下一篇： 亲历腾讯WEB前端开发三轮面试经历及面试