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 vvorld 在线加密破解方法
Nov 13 Javascript
jQuery 使用手册(三)
Sep 23 Javascript
关于COOKIE个数与大小的问题
Jan 17 Javascript
往光标所在位置插入值的js代码
Sep 22 Javascript
js实现a标签超链接提交form表单的方法
Jun 24 Javascript
自定义刻度jQuery进度条及插件
Sep 02 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
Dec 03 Javascript
vue.js入门教程之绑定class和style样式
Sep 02 Javascript
微信小程序之数据缓存的实例详解
Sep 29 Javascript
JavaScript对象字面量和构造函数原理与用法详解
Apr 18 Javascript
微信小程序个人中心的列表控件实现代码
Apr 26 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
Jan 28 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实现留言板功能(会话控制)
2017/05/23 PHP
解决laravel session失效的问题
2019/10/14 PHP
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
js中prototype用法详细介绍
2013/11/14 Javascript
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
2017/05/08 Javascript
SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
2018/01/09 Javascript
基于Vue2x的图片预览插件的示例代码
2018/05/14 Javascript
Vue2.X 通过AJAX动态更新数据
2018/07/17 Javascript
基于JavaScript canvas绘制贝塞尔曲线
2018/12/25 Javascript
JS使用数组实现的队列功能示例
2019/03/04 Javascript
使用js在layui中实现上传图片压缩
2019/06/18 Javascript
解决微信小程序中的滚动穿透问题
2019/09/16 Javascript
解决layer.prompt无效的问题
2019/09/24 Javascript
JS Array.from()将伪数组转换成数组的方法示例
2020/03/23 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
2020/05/09 Javascript
原生js实现表格循环滚动
2020/11/24 Javascript
Python可变参数函数用法实例
2015/07/07 Python
浅谈django开发者模式中的autoreload是如何实现的
2017/08/18 Python
深入理解python中函数传递参数是值传递还是引用传递
2017/11/07 Python
Windows 8.1 64bit下搭建 Scrapy 0.22 环境
2018/11/18 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
python+adb命令实现自动刷视频脚本案例
2020/04/23 Python
运行Python编写的程序方法实例
2020/10/21 Python
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
数据库专业英语
2012/11/30 面试题
实习求职信
2013/12/01 职场文书
职业生涯规划书范文
2014/03/10 职场文书
工伤赔偿协议书
2014/04/15 职场文书
《灰椋鸟》教学反思
2014/04/27 职场文书
政府个人对照检查材料思想汇报
2014/10/08 职场文书
工作时间擅自离岗检讨书
2014/10/24 职场文书
公司仓管员岗位职责
2015/04/01 职场文书
2016学校元旦晚会经典开场白台词
2015/12/03 职场文书
2016教师党员学习心得体会
2016/01/21 职场文书
MySQL性能指标TPS+QPS+IOPS压测
2022/08/05 MySQL