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-Tools-overlay 使用介绍
Jul 14 Javascript
json对象转字符串如何实现
Dec 02 Javascript
Javascript 判断是否存在函数的方法
Jan 03 Javascript
JavaScript构造函数详解
Dec 27 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
Jan 20 Javascript
JS排序算法之希尔排序与快速排序实现方法
Dec 12 Javascript
jquery实现搜索框功能实例详解
Jul 23 jQuery
VUE DOM加载后执行自定义事件的方法
Sep 07 Javascript
vue弹出框组件封装实例代码
Oct 31 Javascript
如何基于JavaScript判断图片是否加载完成
Dec 28 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
Sep 09 Javascript
解决vue props传Array/Object类型值,子组件报错的情况
Nov 07 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 Cookie的一个使用注意点
2008/11/08 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
PHP下的Oracle客户端扩展(OCI8)安装教程
2014/09/10 PHP
PHP多进程通信-消息队列使用
2019/03/08 PHP
Laravel访问出错提示:`Warning: require(/vendor/autoload.php): failed to open stream: No such file or di解决方法
2019/04/02 PHP
javascript form 验证函数 弹出对话框形式
2009/06/23 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
JS控制表单提交的方法
2015/07/09 Javascript
javascript下使用Promise封装FileReader
2016/02/19 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
2016/09/20 Javascript
值得分享的Bootstrap Table使用教程
2016/11/23 Javascript
获取select的value、text值的简单示例(jquery与javascript)
2016/12/07 Javascript
jQuery表单元素选择器代码实例
2017/02/06 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
2017/03/07 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
2017/07/17 Javascript
js实现随机数小游戏
2019/06/28 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
vue.js实现h5机器人聊天(测试版)
2020/07/16 Javascript
Python struct模块解析
2014/06/12 Python
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
python读取oracle函数返回值
2016/07/18 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
django foreignkey外键使用的例子 相当于left join
2019/08/06 Python
如何在Cloud Studio上执行Python代码?
2019/08/09 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
Python 实现自动登录+点击+滑动验证功能
2020/06/10 Python
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
茵宝(Umbro)英国官方商店:英国足球服装生产商
2016/12/29 全球购物
Calphalon美国官网:美国顶级锅具品牌
2020/02/05 全球购物
UNIX文件系统分类
2014/11/11 面试题
文秘专业个人求职信
2013/12/22 职场文书
Python中json.dumps()函数的使用解析
2021/05/17 Python
python实现语音常用度量方法的代码详解
2021/05/25 Python
为什么MySQL8新特性会修改自增主键属性
2022/04/18 MySQL