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 ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
Apr 01 Javascript
Javascript中的变量使用说明
May 18 Javascript
自定义的一个简单时尚js下拉选择框
Nov 20 Javascript
告诉你什么是javascript的回调函数
Sep 04 Javascript
JavaScript中的style.cssText使用教程
Nov 06 Javascript
图解JavaScript中的this关键字
May 28 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
Dec 01 Javascript
bootstrap实现图片自动轮播
Dec 21 Javascript
关于Bootstrap按钮组件消除黄框的方法
May 19 Javascript
Vue和Bootstrap的整合思路详解
Jun 30 Javascript
原生js实现移动端触摸轮播的示例代码
Dec 22 Javascript
详解VUE调用本地json的使用方法
May 15 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 5昨天隆重推出--PHP 5/Zend Engine 2.0新特性
2006/10/09 PHP
解决File size limit exceeded 错误的方法
2013/06/14 PHP
在PHP中使用X-SendFile头让文件下载更快
2014/06/01 PHP
对PHP依赖注入的理解实例分析
2016/10/09 PHP
PHP实现的猴王算法(猴子选大王)示例
2018/04/30 PHP
PHP智能识别收货地址信息实例
2019/01/05 PHP
PHP经典设计模式之依赖注入定义与用法详解
2019/05/21 PHP
laravel 实现登陆后返回登陆前的页面方法
2019/10/03 PHP
jquery 获取json数据实现代码
2009/04/27 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
用jQuery获取IE9下拉框默认值问题探讨
2013/07/22 Javascript
js仿百度贴吧验证码特效实例代码
2014/01/16 Javascript
javascript的switch用法注意事项分析
2015/02/02 Javascript
jQuery实现的简单提示信息插件
2015/12/08 Javascript
深入解析JavaScript中的立即执行函数
2016/05/21 Javascript
微信小程序 loading(加载中提示框)实例
2016/10/28 Javascript
详解用webpack2.0构建vue2.0超详细精简版
2017/04/05 Javascript
vue新vue-cli3环境配置和模拟json数据的实例
2018/09/19 Javascript
vue使用axios上传文件(FormData)的方法
2019/04/14 Javascript
vue-cli项目使用mock数据的方法(借助express)
2019/04/15 Javascript
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
js实现AI五子棋人机大战
2020/05/28 Javascript
浅谈vue.watch的触发条件是什么
2020/11/07 Javascript
[02:36]DOTA2英雄基础教程 斯拉克
2013/11/29 DOTA
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
用Python生成器实现微线程编程的教程
2015/04/13 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
如何使用Python发送HTML格式的邮件
2020/02/11 Python
Python计算矩阵的和积的实例详解
2020/09/10 Python
详解CSS3中@media的实际使用
2015/08/04 HTML / CSS
纯CSS3实现扇形动画菜单(简化版)实例源码
2017/01/17 HTML / CSS
一些Solaris面试题
2013/03/22 面试题
大学生职业规划论文
2014/01/11 职场文书
区域经理岗位职责
2015/02/02 职场文书
pytorch 使用半精度模型部署的操作
2021/05/24 Python
golang实现一个简单的websocket聊天室功能
2021/10/05 Golang