JS实现图片上传多次上传同一张不生效的处理方法


Posted in Javascript onAugust 06, 2018

在做图片上传的功能时, 使用删除功能删除了一张图片, 然后想重新上传原来删除的图片, 结果预览不显示, 也不能上传成功

解决办法, 在删除方法里置空input

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

拿到input所在的位置, 找到这个input, 然后置空

还有一种方法是来回切换input的属性

每次删除图片后, 改变input的type属性

先变成text, 删除完成后变回file, 方便删除后能继续上传

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

总结

以上所述是小编给大家介绍的JS实现图片上传多次上传同一张不生效的处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 传统事件模型构造的事件监听器实现代码
May 31 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
Dec 30 Javascript
JQury slideToggle闪烁问题及解决办法
Jul 05 Javascript
javascript中注册和移除事件的4种方式
Mar 20 Javascript
js实现编辑div节点名称的方法
Dec 17 Javascript
Javascript中的几种URL编码方法比较
Jan 23 Javascript
JS实现可调整倒计时间代码分享
Aug 18 Javascript
Jquery获取当前城市的天气信息
Aug 05 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
Sep 02 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
Apr 13 Javascript
纯JavaScript实现实时反馈系统时间
Oct 26 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
Jan 13 Vue.js
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 #Javascript
js实现图片上传并预览功能
Aug 06 #Javascript
JS解析后台返回的JSON格式数据实例
Aug 06 #Javascript
微信小程序网络封装(简单高效)
Aug 06 #Javascript
json字符串传到前台input的方法
Aug 06 #Javascript
bootstrap 路径导航 分页 进度条的实例代码
Aug 06 #Javascript
react-native使用leanclound消息推送的方法
Aug 06 #Javascript
You might like
IStream与TStream之间的相互转换
2008/08/01 PHP
php 记录进行累加并显示总时长为秒的结果
2011/11/04 PHP
PHP 年月日的三级联动实例代码
2017/05/24 PHP
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
javascript实现的一个带下拉框功能的文本框
2014/05/08 Javascript
JQuery Tips相关(1)----关于$.Ready()
2014/08/14 Javascript
javascript跑马灯抽奖实例讲解
2020/04/17 Javascript
Javascript中的Prototype到底是什么
2016/02/16 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
2017/01/23 Javascript
微信小程序图片自适应支持多图实例详解
2017/06/21 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
2017/10/25 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
2018/07/24 jQuery
详解在微信小程序的JS脚本中使用Promise来优化函数处理
2019/03/06 Javascript
Vue v-bind动态绑定class实例方法
2020/01/15 Javascript
[45:52]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第二场 12.09
2020/12/12 DOTA
[01:03:36]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第二场 1月26日
2021/03/11 DOTA
Python实现将目录中TXT合并成一个大TXT文件的方法
2015/07/15 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
wxPython:python首选的GUI库实例分享
2019/10/05 Python
python集合常见运算案例解析
2019/10/17 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
收藏!10个免费高清视频素材网站!【设计、视频剪辑必备】
2021/03/18 杂记
HTML5不支持标签和新增标签详解
2016/06/27 HTML / CSS
美国电视购物HSN官网:HSN
2016/09/07 全球购物
印度最好的在线药品订购网站:PharmEasy
2018/11/30 全球购物
GUESS Factory加拿大:牛仔裤、服装及配饰
2019/09/20 全球购物
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
幼儿园运动会加油词
2014/02/14 职场文书
工程资料员岗位职责
2014/03/10 职场文书
《明天,我们毕业》教学反思
2014/04/24 职场文书
中国梦主题教育活动总结
2014/05/05 职场文书
给校长的建议书200字
2014/05/16 职场文书
节水口号标语
2014/06/19 职场文书
Java中多线程下载图片并压缩能提高效率吗
2021/07/01 Java/Android