JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法
更新時(shí)間：2018年08月06日 16:22:37 作者：弓長(zhǎng)張&木子李
這篇文章主要介紹了JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法,處理方法也很簡(jiǎn)單，只要在刪除方法里置空input，具體實(shí)例代碼大家參考下本文
在做圖片上傳的功能時(shí), 使用刪除功能刪除了一張圖片, 然后想重新上傳原來刪除的圖片, 結(jié)果預(yù)覽不顯示, 也不能上傳成功
解決辦法, 在刪除方法里置空input
$("#id").find('input').val('');
拿到input所在的位置, 找到這個(gè)input, 然后置空
還有一種方法是來回切換input的屬性
每次刪除圖片后, 改變input的type屬性
先變成text, 刪除完成后變回file, 方便刪除后能繼續(xù)上傳
$("#inputId").attr('type','text');
$("#inputId").attr('type','file');
總結(jié)
以上所述是小編給大家介紹的JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- 原生JS實(shí)現(xiàn)前端本地文件上傳
- JS實(shí)現(xiàn)可視化文件上傳
- js實(shí)現(xiàn)文件上傳功能 后臺(tái)使用MultipartFile
- JS+Struts2多文件上傳實(shí)例詳解
- vue.js 圖片上傳并預(yù)覽及圖片更換功能的實(shí)現(xiàn)代碼
- php+croppic.js實(shí)現(xiàn)剪切上傳圖片功能
- JavaScript使用享元模式實(shí)現(xiàn)文件上傳優(yōu)化操作示例
- js實(shí)現(xiàn)圖片上傳并預(yù)覽功能
- vue.js圖片轉(zhuǎn)Base64上傳圖片并預(yù)覽的實(shí)現(xiàn)方法
- Angularjs實(shí)現(xiàn)多圖片上傳預(yù)覽功能
- JavaScript實(shí)現(xiàn)異步圖像上傳功能
- SpringBoot+Vue.js實(shí)現(xiàn)前后端分離的文件上傳功能
- node.js自動(dòng)上傳ftp的腳本分享
- JS實(shí)現(xiàn)的文件拖拽上傳功能示例
- Vue2.0實(shí)現(xiàn)調(diào)用攝像頭進(jìn)行拍照功能 exif.js實(shí)現(xiàn)圖片上傳功能
- JS和Canvas實(shí)現(xiàn)圖片的預(yù)覽壓縮和上傳功能
- JavaScript代碼實(shí)現(xiàn)txt文件的上傳預(yù)覽功能
- js 實(shí)現(xiàn) input type="file" 文件上傳示例代碼
- js實(shí)現(xiàn)上傳圖片預(yù)覽的方法
- Servlet+Jsp實(shí)現(xiàn)圖片或文件的上傳功能具體思路及代碼
- 上傳圖片預(yù)覽JS腳本 Input file圖片預(yù)覽的實(shí)現(xiàn)示例
- JS實(shí)現(xiàn)上傳圖片的三種方法并實(shí)現(xiàn)預(yù)覽圖片功能
- js實(shí)現(xiàn)圖片上傳并正常顯示
- 一個(gè)簡(jiǎn)單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子
- JS中使用FormData上傳文件、圖片的方法
- 客戶端js判斷文件類型和文件大小即限制上傳大小
- js獲取上傳文件的絕對(duì)路徑實(shí)現(xiàn)方法
- 原生JS和jQuery版實(shí)現(xiàn)文件上傳功能
- 微信JSSDK上傳圖片
- 簡(jiǎn)單實(shí)現(xiàn)js上傳文件功能
- JS文件上傳神器bootstrap fileinput詳解
- js實(shí)現(xiàn)上傳圖片之上傳前預(yù)覽圖片
- Javascript圖片上傳前的本地預(yù)覽實(shí)例
- 學(xué)習(xí)使用AngularJS文件上傳控件
- JS簡(jiǎn)單實(shí)現(xiàn)文件上傳實(shí)例代碼（無需插件）
- 分享5個(gè)好用的javascript文件上傳插件
相關(guān)文章
將文本內(nèi)容添加到表格中在實(shí)際應(yīng)用中很常見，下面為大家簡(jiǎn)要介紹下具體的實(shí)現(xiàn)過程，感興趣的朋友可以參考下2013-08-08
在小程序開發(fā)中 經(jīng)常需要我們自定義字體樣式,下面這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)指南之字體樣式設(shè)置的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
javascript實(shí)現(xiàn)日期三級(jí)聯(lián)動(dòng)下拉框選擇菜單
這篇文章主要介紹了javascript實(shí)現(xiàn)日期三級(jí)聯(lián)動(dòng)下拉框選擇菜單，實(shí)現(xiàn)JS年月日三級(jí)聯(lián)動(dòng)下拉框選擇功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
JS實(shí)現(xiàn)點(diǎn)擊按鈕獲取頁面高度的方法
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊按鈕獲取頁面高度的方法,涉及JavaScript針對(duì)頁面元素高度的各種常見運(yùn)算,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
作用域永遠(yuǎn)都是任何一門編程語言中的重中之重，因?yàn)樗刂浦兞颗c參數(shù)的可見性與生命周期。下面給大家介紹Javascript中的作用域及塊級(jí)作用域，需要的朋友參考下吧2017-12-12
js 實(shí)現(xiàn)的可折疊留言板(附源碼下載)
留言板想必大家都有見過吧，但是可以折疊的卻不是很多，恰好本文提供一個(gè)比較不錯(cuò)的可折疊留言板，感興趣的朋友可以學(xué)習(xí)下2014-07-07
JavaScript箭頭函數(shù)與普通函數(shù)的區(qū)別示例詳解
這篇文章主要為大家介紹了JavaScript箭頭函數(shù)與普通函數(shù)的區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
這篇文章主要介紹了JS實(shí)現(xiàn)彈出居中的模式窗口,涉及javascript模式窗口及頁面元素的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了javascript如何判斷是否按回車鍵并解決瀏覽器之間的差異問題,需要的朋友可以參考下2014-05-05
因?yàn)镴avaScript具有自動(dòng)垃圾回收機(jī)制，所以對(duì)于前端開發(fā)來說，內(nèi)存空間并不是一個(gè)經(jīng)常被提及的概念。特別是很多不是計(jì)算機(jī)專業(yè)的朋友在進(jìn)入到前端之后，會(huì)對(duì)內(nèi)存空間的認(rèn)知比較模糊，甚至有些人干脆就是一無所知。為了解決大家的疑惑，本文將詳細(xì)介紹JS內(nèi)存空間2021-06-06