js中圖片上傳,多次上傳同一張不生效

在做圖片上傳的功能時, 使用刪除功能刪除了一張圖片, 然後想重新上傳原來刪除的圖片, 結果預覽不顯示, 也不能上傳成功

解決辦法, 在刪除方法裡置空input

$("#id").find(`input`).val(``);

拿到input所在的位置, 找到這個input, 然後置空

 

還有一種方法是來回切換input的屬性

每次刪除圖片後, 改變input的type屬性

先變成text, 刪除完成後變回file, 方便刪除後能繼續上傳

 $("#inputId").attr(`type`,`text`);
 $("#inputId").attr(`type`,`file`);