在我製作圖片裁剪外掛的時候,當使用者點選取消以後在點選上傳圖片的時候,就不能選擇取消之前的圖片,如下圖所示:
![input[type=file]不能選擇同一張圖片](https://i.iter01.com/images/324abc43661601cb071efd87f7699c57cf6e201b8be3930ffa58f5f80f0b128e.jpg)
![input[type=file]不能選擇同一張圖片](https://i.iter01.com/images/8708a6ad371e5fb0bbab348f18b967f23cf485ba28c2e0978fc35eef9e04bbbd.jpg)
![input[type=file]不能選擇同一張圖片](https://i.iter01.com/images/206c612a46e55d47121839f1db7b31342e2c1364f00b7f71f69b6a161383e591.jpg)
造成這種情況的原因是因為取消以後,並沒有清空input的value屬性,所以在下次onchange的時候,判斷到選擇同一個圖片,onchange事件不會執行。
處理方案
在點選取消的操作邏輯裡面,令input的value屬性為null,如圖:
![input[type=file]不能選擇同一張圖片](https://i.iter01.com/images/cdc4e24858c9987ff636d955993c7bc615a9e418978c2c202d34ca661fc996d9.jpg)
![input[type=file]不能選擇同一張圖片](https://i.iter01.com/images/5c41b2831a06c41da778cf85458451ec6a946b8ca45767d222782cb0c5a8ebe5.jpg)
在我製作圖片裁剪外掛的時候,當使用者點選取消以後在點選上傳圖片的時候,就不能選擇取消之前的圖片,如下圖所示:
造成這種情況的原因是因為取消以後,並沒有清空input的value屬性,所以在下次onchange的時候,判斷到選擇同一個圖片,onchange事件不會執行。
在點選取消的操作邏輯裡面,令input的value屬性為null,如圖: