JS實現(xiàn)圖片上傳多次上傳同一張不生效的處理方法

更新時間：2018年08月06日 16:22:37 作者：弓長張&木子李

這篇文章主要介紹了JS實現(xiàn)圖片上傳多次上傳同一張不生效的處理方法,處理方法也很簡單，只要在刪除方法里置空input，具體實例代碼大家參考下本文

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

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

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

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

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

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

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

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

總結

以上所述是小編給大家介紹的JS實現(xiàn)圖片上傳多次上傳同一張不生效的處理方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

將文本輸入框內(nèi)容加入表中的js代碼
將文本內(nèi)容添加到表格中在實際應用中很常見，下面為大家簡要介紹下具體的實現(xiàn)過程，感興趣的朋友可以參考下
2013-08-08
微信小程序開發(fā)指南之字體樣式設置
在小程序開發(fā)中經(jīng)常需要我們自定義字體樣式,下面這篇文章主要給大家介紹了關于微信小程序開發(fā)指南之字體樣式設置的相關資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
2023-03-03
javascript實現(xiàn)日期三級聯(lián)動下拉框選擇菜單
這篇文章主要介紹了javascript實現(xiàn)日期三級聯(lián)動下拉框選擇菜單，實現(xiàn)JS年月日三級聯(lián)動下拉框選擇功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-04-04
JS實現(xiàn)點擊按鈕獲取頁面高度的方法
這篇文章主要介紹了JS實現(xiàn)點擊按鈕獲取頁面高度的方法,涉及JavaScript針對頁面元素高度的各種常見運算,具有一定參考借鑒價值,需要的朋友可以參考下
2015-11-11
Javascript中的作用域及塊級作用域
作用域永遠都是任何一門編程語言中的重中之重，因為它控制著變量與參數(shù)的可見性與生命周期。下面給大家介紹Javascript中的作用域及塊級作用域，需要的朋友參考下吧
2017-12-12
js 實現(xiàn)的可折疊留言板(附源碼下載)
留言板想必大家都有見過吧，但是可以折疊的卻不是很多，恰好本文提供一個比較不錯的可折疊留言板，感興趣的朋友可以學習下
2014-07-07
JavaScript箭頭函數(shù)與普通函數(shù)的區(qū)別示例詳解
這篇文章主要為大家介紹了JavaScript箭頭函數(shù)與普通函數(shù)的區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-10-10
JS實現(xiàn)彈出居中的模式窗口示例
這篇文章主要介紹了JS實現(xiàn)彈出居中的模式窗口,涉及javascript模式窗口及頁面元素的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2016-06-06
javascript判斷是否按回車鍵并解決瀏覽器之間的差異
這篇文章主要介紹了javascript如何判斷是否按回車鍵并解決瀏覽器之間的差異問題,需要的朋友可以參考下
2014-05-05
詳解JS內(nèi)存空間
因為JavaScript具有自動垃圾回收機制，所以對于前端開發(fā)來說，內(nèi)存空間并不是一個經(jīng)常被提及的概念。特別是很多不是計算機專業(yè)的朋友在進入到前端之后，會對內(nèi)存空間的認知比較模糊，甚至有些人干脆就是一無所知。為了解決大家的疑惑，本文將詳細介紹JS內(nèi)存空間
2021-06-06