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 ctrl+Enter shift+Enter实现代码
Feb 07 Javascript
JavaScript DOM 学习第三章 内容表格
Feb 19 Javascript
IE JS无提示关闭窗口不提示的方法
Apr 29 Javascript
JS关闭窗口与JS关闭页面的几种方法小结
Dec 17 Javascript
JS数组的赋值介绍
Mar 10 Javascript
用循环或if语句从json中取数据示例
Aug 18 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
Dec 31 Javascript
微信小程序开发探究
Dec 27 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
Aug 25 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 04 Javascript
Vant picker 多级联动操作
Nov 02 Javascript
抖音短视频(douyin)去水印工具的实现代码
Mar 30 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 自定义错误处理函数trigger_error()
2013/03/26 PHP
CI框架Session.php源码分析
2014/11/03 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
js 未结束的字符串常量错误解决方法
2010/06/13 Javascript
EasyUI中的tree用法介绍
2011/11/01 Javascript
不同的jQuery API来处理不同的浏览器事件
2012/12/09 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
JS跨域解决方案之使用CORS实现跨域
2016/04/14 Javascript
AngularJS入门教程之迭代器过滤详解
2016/08/18 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
2017/12/11 Javascript
layui实现动态和静态分页
2018/04/28 Javascript
解决Mac安装thrift因bison报错的问题
2018/05/17 Javascript
vue项目打包后打开页面空白解决办法
2018/06/29 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
2020/08/03 Javascript
jquery实现加载更多"转圈圈"效果(示例代码)
2020/11/09 jQuery
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
[01:19:46]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第一场 2月28日
2021/03/11 DOTA
python解决汉字编码问题:Unicode Decode Error
2017/01/19 Python
Python基于numpy灵活定义神经网络结构的方法
2017/08/19 Python
python批量替换多文件字符串问题详解
2018/04/22 Python
Python使用Pandas读写Excel实例解析
2019/11/19 Python
使用python 的matplotlib 画轨道实例
2020/01/19 Python
Python3监控疫情的完整代码
2020/02/20 Python
Pycharm连接gitlab实现过程图解
2020/09/01 Python
关于Python 解决Python3.9 pandas.read_excel(‘xxx.xlsx‘)报错的问题
2020/11/28 Python
用HTML5制作一个简单的桌球游戏的教程
2015/05/12 HTML / CSS
银河香水:Galaxy Perfume
2019/03/25 全球购物
美国乒乓球设备、配件和服装品牌:Killerspin
2020/06/07 全球购物
巴西最大的运动品牌:Olympikus
2020/07/14 全球购物
Laravel的加密解密与哈希实例讲解
2021/03/24 PHP
创业计划书模版
2014/02/05 职场文书
教师应聘自荐信范文
2014/03/14 职场文书
小学开学典礼主持词
2014/03/19 职场文书
美术指导助理求职信
2014/04/20 职场文书
村级换届选举方案
2014/05/10 职场文书
Python OpenCV快速入门教程
2021/04/17 Python