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操作word的参考代码
Oct 26 Javascript
js切换div css注意的细节
Dec 10 Javascript
jquery中获取id值方法小结
Sep 22 Javascript
jQuery中ready事件用法实例
Jan 19 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 Javascript
jQuery ajax提交Form表单实例(附demo源码)
Apr 06 Javascript
原生JS实现不断变化的标签
May 22 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
Mar 14 Javascript
Vue3.0 响应式系统源码逐行分析讲解
Oct 14 Javascript
在weex中愉快的使用scss的方法步骤
Jan 02 Javascript
JavaScript图像放大镜效果实现方法详解
Jun 28 Javascript
jquery插件懒加载的示例
Oct 24 jQuery
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
用PHP制作静态网站的模板框架(四)
2006/10/09 PHP
PHP 数组基础知识小结
2010/08/20 PHP
克隆一个新项目的快捷方式
2013/04/10 PHP
YII Framework框架教程之安全方案详解
2016/03/14 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
JavaScript高级程序设计 读书笔记之十一 内置对象Global
2012/03/07 Javascript
javascript自启动函数的问题探讨
2013/10/05 Javascript
用js的for循环获取radio选中的值
2013/10/21 Javascript
深入理解JavaScript系列(40):设计模式之组合模式详解
2015/03/04 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
浅析jQuery中使用$所引发的问题
2016/05/29 Javascript
AngularJS入门教程之服务(Service)
2016/07/27 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
vue 使用eventBus实现同级组件的通讯
2018/03/02 Javascript
原生JS实现的简单小钟表功能示例
2018/08/30 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
2019/06/18 jQuery
[01:04:05]VG vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python从入门到精通(DAY 1)
2015/12/20 Python
Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程
2016/06/14 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
Sandro Paris美国官网:典雅别致的法国时尚服饰品牌
2017/12/26 全球购物
PHP如何调用MYSQL存储过程
2014/05/30 面试题
本科生详细的自我评价
2013/09/19 职场文书
幼师岗位求职简历的自荐信格式
2013/09/21 职场文书
称象教学反思
2014/02/03 职场文书
学习标兵获奖感言
2014/02/20 职场文书
餐厅筹备计划书
2014/04/25 职场文书
2014年团支书工作总结
2014/11/14 职场文书
公司2015年终工作总结
2015/05/26 职场文书
mysql知识点整理
2021/04/05 MySQL
华为HarmonyOS3.0强在哪? 看看鸿蒙3.0这7个小功能
2023/01/09 数码科技