鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 本地將上傳圖片轉(zhuǎn)為base64碼后存到一個(gè)數(shù)組,無法連續(xù)添加相同文件。

本地將上傳圖片轉(zhuǎn)為base64碼后存到一個(gè)數(shù)組,無法連續(xù)添加相同文件。

本地將上傳圖片轉(zhuǎn)為base64碼后存到一個(gè)數(shù)組,無法連續(xù)添加相同文件,這時(shí)候如果換一張圖片添加以后,再換回上一張?zhí)砑泳蜎]問題,求解答

    <input  type="file" name="file" class="jokeFile" value="" id="addUppLoadFile" onChange="addUploadInvoice()" accept="image/*">
     

window.addUploadInvoice = ()=>{
    let ffval = $("#addUppLoadFile").val();
    if(!/.(jpg|jpeg|png|bmp)$/.test(ffval)){
        commonModule.showAlertTips('請上傳jpg、jpeg、bmp、png格式的圖片')
        return false;
    }

    let addfile = document.getElementById('addUppLoadFile').files[0];
    let rWind = new FileReader();  //本地預(yù)覽
    rWind.onload = function(){
        addModalVm.localImgList.push(rWind.result);
        console.log(addModalVm.localImgList.length)
    }
    rWind.readAsDataURL(addfile);
}
回答
編輯回答
尐潴豬

onChange="addUploadInvoice()" 的時(shí)候把value清空了。之后就可以選擇相同的文件不了。不然相同文件不會(huì)觸發(fā)change

2018年8月6日 10:48
編輯回答
陌離殤

改為onClick不也行

2018年9月21日 22:11