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 相关文章推荐
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 Javascript
javascript管中窥豹 形参与实参浅析
Dec 17 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
Mar 18 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
基于jQuery实现网页进度显示插件
Mar 04 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
Jun 15 Javascript
JS实现弹性漂浮效果的广告代码
Sep 02 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
vue-cli构建项目使用 less的方法
Oct 04 Javascript
Vue的watch和computed方法的使用及区别介绍
Sep 06 Javascript
js实现验证码干扰(静态)
Feb 22 Javascript
JS 4个超级实用的小技巧 提升开发效率
Oct 05 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数据库操作类代码(增,删,改,查)
2013/04/08 PHP
实例讲解PHP面向对象之多态
2014/08/20 PHP
Linux下编译redis和phpredis的方法
2016/04/07 PHP
PHP中PCRE正则解析代码详解
2019/04/26 PHP
PHP7生产环境队列Beanstalkd用法详解
2020/05/19 PHP
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
2013/11/22 Javascript
js登录弹出层特效
2014/03/07 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
2014/05/29 Javascript
简单谈谈Javascript中类型的判断
2015/10/19 Javascript
Google 地图获取API Key详细教程
2016/08/06 Javascript
概述jQuery的元素筛选
2016/11/23 Javascript
jQuery实现的模拟弹出窗口功能示例
2016/11/24 Javascript
vue2.0实现导航菜单切换效果
2017/05/08 Javascript
package.json文件配置详解
2017/06/15 Javascript
AngularJs导出数据到Excel的示例代码
2017/08/11 Javascript
angular4自定义组件详解
2017/09/28 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
javascript数据类型中的一些小知识点(推荐)
2019/04/18 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
python获取外网IP并发邮件的实现方法
2017/10/01 Python
pyinstaller打包单文件时--uac-admin选项不起作用怎么办
2020/04/15 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
HTML5中使用postMessage实现两个网页间传递数据
2016/06/22 HTML / CSS
澳大利亚家用电器在线商店:Billy Guyatts
2020/05/05 全球购物
软件测试工程师面试问题精选
2016/10/28 面试题
运动会四百米广播稿
2014/01/19 职场文书
社团招新策划书
2014/02/04 职场文书
食品安全工作实施方案
2014/03/26 职场文书
司机工作自我鉴定
2014/09/19 职场文书
校园广播稿精选
2014/10/01 职场文书
2014年服装销售工作总结
2014/11/27 职场文书
青年岗位能手事迹材料(2016推荐版)
2016/03/01 职场文书
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python
SONY AN-LP1 短波有源天线放大器图
2022/04/05 无线电