下面是前端之家 f2er.com 通過網絡收集整理的代碼片段。

前端之家小編現在分享給大家，也給大家做個參考。

HTML5上傳圖片預覽

請選擇圖片文件：JPG/GIF

$("#file0").change(function(){

var objUrl = getObjectURL(this.files[0]) ;

console.log("objUrl = "+objUrl) ;

if (objUrl) {

$("#img0").attr("src",objUrl) ;

}

}) ;

//建立一個可存取到該file的url

function getObjectURL(file) {

var url = null ;

if (window.createObjectURL!=undefined) { // basic

url = window.createObjectURL(file) ;

} else if (window.URL!=undefined) { // mozilla(firefox)

url = window.URL.createObjectURL(file) ;

} else if (window.webkitURL!=undefined) { // webkit or chrome

url = window.webkitURL.createObjectURL(file) ;

}

return url ;

}

以上是前端之家(f2er.com)為你收集整理的全部代碼內容，希望文章能夠幫你解決所遇到的程序開發問題。

如果覺得前端之家網站內容還不錯，歡迎將前端之家網站推薦給程序員好友。

總結

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

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