html>

h5使用FileReader讀取本地圖片文件并顯示到瀏覽器-趙克立博客

!?function(a,?b)?{

var?showimg?=?document.getElementById("showimg");

var?imginput?=?document.getElementById("file_input");

if?(typeof?FileReader?===?'undefined')?{

showimg.innerHTML?=?"抱歉，你的瀏覽器不支持?FileReader";

imginput.setAttribute('disabled',?'disabled');

}?else?{

imginput.addEventListener('change',?function()?{

var?file?=?this.files[0];

if?(!/image\/\w+/.test(file.type))?{

alert("請確保文件為圖像類型");

return?false;

}

var?reader?=?new?FileReader();

reader.readAsDataURL(file);

reader.onload?=?function(e)?{

????????????????????showimg.innerHTML?=?''

}

},?false);

}

}(window);

總結

以上是生活随笔為你收集整理的HTML5页面显示本地图片,h5使用FileReader读取本地上传的图片文件并显示到浏览器...的全部內容，希望文章能夠幫你解決所遇到的問題。

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