在我製作圖片裁剪外掛的時候，當使用者點選取消以後在點選上傳圖片的時候，就不能選擇取消之前的圖片，如下圖所示：
造成這種情況的原因是因為取消以後，並沒有清空input的value屬性，所以在下次onchange的時候，判斷到選擇同一個圖片，onchange事件不會執行。
處理方案
在點選取消的操作邏輯裡面，令input的value屬性為null，如圖:
input[type=file]不能選擇同一張圖片
相關文章
- html input type=file 選擇圖片,圖片預覽 純html js實現圖片預覽HTMLJS
- HTML input type=file檔案選擇表單元素二三事HTML
- <input type="file">連續選中同一檔案無法觸發onchange事件事件
- input type="file"使用
- <input type="file"> 選中多個檔案
- 處理input file限制只能拍照不能選相簿
- 【JavaScript】拖拽圖片檔案顯示縮圖 + div點選模擬 input[type=file]JavaScript
- input[type=file]使用css美化效果CSS
- 如何清除<input type="file">的值
- type=“file”的input標籤美化
- 給<input type="file">增加樣式
- <input type="file"> 限制檔案型別型別
- <input type="file">美化例項程式碼
- jQuery不能修改input輸入框typejQuery
- input file圖片上傳
- <input type="file">美化效果程式碼例項
- 將input type="file" 型別的圖片檔案轉成base64型別
- vue + 原生input 框上傳多張圖片Vue
- 如何做到input file中‘選擇檔案’的自定義
- input file美化 --上傳圖片
- JavaScript 根據type篩選inputJavaScript
- 使用Input type=file 原生上傳使用總結
- js清空<input type="file">值程式碼例項JS
- jquery動態新增和刪除<input type="file" />jQuery
- input file上傳圖片預覽
- jQuery動態新增或刪除<input type="file">元素jQuery
- input框type=file設定cursor:pointer的問題
- input和:input選擇器的區別
- input[type=file] 獲取上傳檔案的內容
- 修改input標籤type=file型別按鈕的值型別
- vue3中清空input type="file"上傳檔案Vue
- 如何獲取<input type="file">上傳的檔名稱
- jQuery type屬性值篩選input元素jQuery
- 將input file的選擇的檔案清空的兩種解決方案
- JavaScript input type=file 獲取檔案大小及型別限制JavaScript型別
- iOS 相簿選中多張圖片iOS
- 利用input type=file和FileReader API實現在瀏覽器客戶端通過選擇對話方塊讀取檔案API瀏覽器客戶端
- react input[type='number']React