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 迁移目录
Dec 18 Javascript
javascript学习网址备忘
May 29 Javascript
JQUERY设置IFRAME的SRC值的代码
Nov 30 Javascript
Jquery颜色选择器ColorPicker实现代码
Nov 14 Javascript
jquery对table中各数据的增加、保存、删除操作示例
May 14 Javascript
jquery序列化表单以及回调函数的使用示例
Jul 02 Javascript
轻松掌握JavaScript策略模式
Aug 25 Javascript
详解Vue.use自定义自己的全局组件
Jun 14 Javascript
JavaScript中使用参数个数实现重载功能
Sep 01 Javascript
vue.js实现的幻灯片功能示例
Jan 18 Javascript
简单了解node npm cnpm的具体使用方法
Feb 27 Javascript
微信小程序获取用户绑定手机号方法示例
Jul 21 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
无数据库的详细域名查询程序PHP版(3)
2006/10/09 PHP
用PHP制作的意见反馈表源码
2007/03/11 PHP
php URL验证正则表达式
2011/07/19 PHP
codeigniter教程之多文件上传使用示例
2014/02/11 PHP
PHP读取汉字的点阵数据
2015/06/22 PHP
PHP微信开发之二维码生成类
2015/06/26 PHP
innerHTML,outerHTML,innerTEXT三者之间的区别
2007/01/28 Javascript
jquery 选择器部分整理
2009/10/28 Javascript
JS操作JSON要领详细总结
2013/08/25 Javascript
javascript中的=等号个数问题两个跟三个有什么区别
2013/10/23 Javascript
js日期联动示例
2014/05/02 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
JS递归遍历对象获得Value值方法技巧
2016/06/14 Javascript
Vue实现表格中对数据进行转换、处理的方法
2018/09/06 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
2020/04/24 Javascript
微信小程序订阅消息(java后端实现)开发
2020/06/01 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
JSON Web Tokens的实现原理
2017/04/02 Python
安装Python的教程-Windows
2017/07/22 Python
Python中实现switch功能实例解析
2018/01/11 Python
详解python中Numpy的属性与创建矩阵
2018/09/10 Python
如何利用Anaconda配置简单的Python环境
2019/06/24 Python
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
简单了解为什么python函数后有多个括号
2019/12/19 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
2020/11/17 Python
html5-websocket基于远程方法调用的数据交互实现
2012/12/04 HTML / CSS
英国知名的皮手套品牌:Dents
2016/11/13 全球购物
德国、奥地利和瑞士最大的旅行和度假门户网站:HolidayCheck
2019/11/14 全球购物
评析教师个人的自我评价
2014/02/19 职场文书
市场营销专业应届生自荐信
2014/06/19 职场文书
2014机关党员干部“正风肃纪”思想汇报
2014/09/15 职场文书
财务管理制度范本
2015/08/04 职场文书
安全事故隐患排查治理制度
2015/08/05 职场文书
上个世纪50年代的可穿戴技术:无线电帽子
2022/02/18 无线电