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

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

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

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

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

 

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

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

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

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