在HTML5中，通過FileReader可以輕松的實(shí)現(xiàn)這個(gè)功能。
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比臨朐網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式臨朐網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋臨朐地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴。
只要在文件表單元素中監(jiān)聽 onchange
事件，然后通過FileReader讀取圖片文件，然后將讀取的內(nèi)容在![]()
中顯示即可。
實(shí)現(xiàn)代碼
HTML5 圖片上傳預(yù)覽
$(function(){
$('#img').change(function(){
var file = this.files[0]; //選擇上傳的文件
var r = new FileReader();
r.readAsDataURL(file); //Base64
$(r).load(function(){
$('div').html('');
});
});
});
HTML5 圖片上傳預(yù)覽
重慶分公司
重慶分公司