JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法
更新時(shí)間：2018年08月06日 16:22:37 作者：弓長(zhǎng)張&木子李
這篇文章主要介紹了JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法,處理方法也很簡(jiǎn)單，只要在刪除方法里置空input，具體實(shí)例代碼大家參考下本文
在做圖片上傳的功能時(shí), 使用刪除功能刪除了一張圖片, 然后想重新上傳原來(lái)刪除的圖片, 結(jié)果預(yù)覽不顯示, 也不能上傳成功
解決辦法, 在刪除方法里置空input
$("#id").find('input').val('');
拿到input所在的位置, 找到這個(gè)input, 然后置空
還有一種方法是來(lái)回切換input的屬性
每次刪除圖片后, 改變input的type屬性
先變成text, 刪除完成后變回file, 方便刪除后能繼續(xù)上傳
$("#inputId").attr('type','text');
$("#inputId").attr('type','file');
總結(jié)
以上所述是小編給大家介紹的JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(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í)例代碼（無(wú)需插件）
- 分享5個(gè)好用的javascript文件上傳插件
相關(guān)文章
![js循環(huán)動(dòng)態(tài)綁定帶參數(shù)函數(shù)遇到的問(wèn)題及解決方案[轉(zhuǎn)]](http://img.jbzj.com/images/xgimg/bcimg0.png)
js循環(huán)動(dòng)態(tài)綁定帶參數(shù)函數(shù)遇到的問(wèn)題及解決方案[轉(zhuǎn)]
關(guān)于Javascript利用循環(huán)綁定事件的例子，需要的朋友可以參考下。2010-11-11
這篇文章主要介紹了VsCode插件整理（小結(jié)），小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
這篇文章主要介紹了JavaScript逆向案例之如何破解登錄密碼，文章通過(guò)12306的登陸方法展開(kāi)用戶登錄密碼的參數(shù)破解辦法，感興趣的小伙伴可以參考一下2022-06-06
javaScript合并對(duì)象的多種方式及知識(shí)擴(kuò)展
眾所周知JavaScript中有多種方法可以合并對(duì)象,下面這篇文章主要給大家介紹了關(guān)于javaScript合并對(duì)象的多種方式及知識(shí)擴(kuò)展,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
JS腳本實(shí)現(xiàn)動(dòng)態(tài)給標(biāo)簽控件添加事件的方法
這篇文章主要介紹了JS腳本實(shí)現(xiàn)動(dòng)態(tài)給標(biāo)簽控件添加事件的方法,結(jié)合實(shí)例形式分析了javascript添加事件監(jiān)聽(tīng)的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-06-06
JS實(shí)現(xiàn)淡藍(lán)色簡(jiǎn)潔豎向Tab點(diǎn)擊切換效果
這篇文章主要介紹了JS實(shí)現(xiàn)淡藍(lán)色簡(jiǎn)潔豎向Tab點(diǎn)擊切換效果,通過(guò)JavaScript相應(yīng)鼠標(biāo)事件實(shí)現(xiàn)非常簡(jiǎn)單的css樣式切換,簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-10-10
select2 ajax 設(shè)置默認(rèn)值,初始值的方法
今天小編就為大家分享一篇select2 ajax 設(shè)置默認(rèn)值,初始值的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
這篇文章主要介紹了js設(shè)計(jì)模式之單例模式原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了javascript單例模式的概念、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-08-08
這篇文章主要為大家介紹了JS瀏覽器的首屏白屏?xí)r間計(jì)算示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
js調(diào)用百度地圖及調(diào)用百度地圖的搜索功能
本文給大家介紹js調(diào)用百度地圖的方法以及調(diào)用百度地圖的搜索功能，有需要的朋友可以跟著腳本之家的小編一起學(xué)習(xí)2015-09-09