input[type=file]不能選擇同一張圖片

weixin_34148340發表於2018-04-19

在我製作圖片裁剪外掛的時候,當使用者點選取消以後在點選上傳圖片的時候,就不能選擇取消之前的圖片,如下圖所示:

input[type=file]不能選擇同一張圖片

input[type=file]不能選擇同一張圖片

input[type=file]不能選擇同一張圖片

造成這種情況的原因是因為取消以後,並沒有清空input的value屬性,所以在下次onchange的時候,判斷到選擇同一個圖片,onchange事件不會執行。

處理方案

在點選取消的操作邏輯裡面,令input的value屬性為null,如圖:

input[type=file]不能選擇同一張圖片
input[type=file]不能選擇同一張圖片

相關文章