input file 多張圖片上傳 獲取地址 ——fileReader


//上傳圖片
$('#files').change(function(e){
var fil = this.files;
var m =0;
if(fil.length>3){
alert('重新選擇')
}else{
for (var i = 0; i < fil.length; i++) {

if($('.img_list img').length>=3){
alert('最多只上傳三張')
break;
}else{
reads(fil[i]);
}
}
}
})
function reads(fil){
var reader = new FileReader();
reader.readAsDataURL(fil);
reader.onload = function(){
//document.getElementsByClassName("img_list")[0].innerHTML += "<img src='"+reader.result+"'><span></span>";
$('.img_list').append("<img src='"+reader.result+"'><span class='close'></span>")
for(var i=0;i<$('.close').length;i++){
$('.close').click(function(){
console.log($(this).prev())
$(this).prev().remove()
$(this).remove()
})
}
};
};


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM