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 相关文章推荐
jquery 弹出层实现代码
Oct 30 Javascript
在javaScript中关于submit和button的区别介绍
Oct 20 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
Oct 26 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
Nov 30 Javascript
js实现select二级联动下拉菜单
Apr 17 Javascript
Node.js+Express配置入门教程
May 19 Javascript
基于Vue开发数字输入框组件
Dec 19 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
Feb 27 jQuery
微信小程序通过保存图片分享到朋友圈功能
May 24 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
Jul 13 Javascript
详解如何构建Promise队列实现异步函数顺序执行
Oct 23 Javascript
vue项目中播放rtmp视频文件流的方法
Sep 17 Javascript
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
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
PHP中的类型提示(type hinting)功能介绍
2015/07/01 PHP
php页面,mysql数据库转utf-8乱码,utf-8编码问题总结
2015/08/27 PHP
php无法连接mysql数据库的正确解决方法
2016/07/01 PHP
php中通过eval实现字符串格式的计算公式
2017/03/18 PHP
JQuery将文本转化成JSON对象需要注意的问题
2011/05/09 Javascript
javascript跨浏览器的属性判断方法
2014/03/16 Javascript
JavaScript的代码编写格式规范指南
2015/12/07 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
2016/01/28 Javascript
微信小程序 图片边框解决方法
2017/01/16 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
vue bootstrap小例子一枚
2017/06/09 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
2018/08/19 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
vue下axios拦截器token刷新机制的实例代码
2020/01/17 Javascript
编写v-for循环的技巧汇总
2020/12/01 Javascript
Python中for循环控制语句用法实例
2015/06/02 Python
Python设计模式之门面模式简单示例
2018/01/09 Python
解决python3 pika之连接断开的问题
2018/12/18 Python
Python 使用多属性来进行排序
2019/09/01 Python
Python几种常见算法汇总
2020/06/02 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
Lovedrobe官网:英国领先的大码服装品牌
2019/09/19 全球购物
jQuery treeview树形结构应用
2021/03/24 jQuery
2013英文求职信模板范文
2013/11/15 职场文书
班级德育工作实施方案
2014/02/21 职场文书
广告学专业自荐信范文
2014/02/24 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
机关作风建设整改方案
2014/10/27 职场文书
2014年学校总务处工作总结
2014/12/08 职场文书
技术入股协议书
2016/03/22 职场文书
Python实战之疫苗研发情况可视化
2021/05/18 Python
Python实战之OpenCV实现猫脸检测
2021/06/26 Python
图文详解Nginx版本平滑升级方案
2021/09/15 Servers
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis