小編給大家分享一下JQ圖片文件上傳之如何實現(xiàn)前預(yù)覽功能，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司是工信部頒發(fā)資質(zhì)IDC服務(wù)器商，為用戶提供優(yōu)質(zhì)的中國電信云錦天府服務(wù)

1、先準(zhǔn)備一個div

onchange觸發(fā)事件

<input type="file" onchange="preview(this)" ></span>
<div id="preview"></div>

2、寫JS代碼

//上傳圖片之前預(yù)覽圖片
function preview(file){
if (file.files && file.files[0]){ 
var reader = new FileReader(); 
reader.onload = function(evt){ 
$("#preview").html('<img src="' + evt.target.result + '" width="95px" height="50px" />'); 
} 
reader.readAsDataURL(file.files[0]); 
}else{
$("#preview").html('<div ></div>'); 
} 
}

看完了這篇文章，相信你對“JQ圖片文件上傳之如何實現(xiàn)前預(yù)覽功能”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

文章名稱：JQ圖片文件上傳之如何實現(xiàn)前預(yù)覽功能
文章起源：http://www.chinadenli.net/article10/gooedo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、面包屑導(dǎo)航、外貿(mào)網(wǎng)站建設(shè)、Google、全網(wǎng)營銷推廣、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)