html5出現之前如果需要上傳圖片預覽 一般都是先上傳到服務器然后遠程預覽

html5出現之后 ? 有個filereader 解決了這問題

//選中圖片之后$("#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();}

　　

轉載于:https://www.cnblogs.com/sxmny/p/3998701.html

總結

以上是生活随笔為你收集整理的HTML5 上传图片预览的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。