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 使用技巧精萃(.net html
Apr 25 Javascript
基于jquery的无缝循环新闻列表插件
Mar 07 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 Javascript
jquery制作 随机弹跳的小球特效
Feb 01 Javascript
javascript实现随机显示星星特效
Jan 28 Javascript
javascript中call apply 与 bind方法详解
Mar 10 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
纯js的右下角弹窗实例
Mar 12 Javascript
学习使用Bootstrap页面排版样式
May 11 Javascript
vue2.0 路由不显示router-view的解决方法
Mar 06 Javascript
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
VUE中使用HTTP库Axios方法详解
Feb 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
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
Vagrant(WSL)+PHPStorm+Xdebu 断点调试环境搭建
2019/12/13 PHP
Javascript写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
2007/02/09 Javascript
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
jQuery的强大选择器小结
2009/12/27 Javascript
封装的原生javascript弹出层代码
2010/09/24 Javascript
javascript不可用的问题探究
2013/10/01 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
jquery动态增加删减表格行特效
2015/11/20 Javascript
解决WordPress使用CDN后博文无法评论的错误
2015/12/15 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
2017/03/10 Javascript
谈谈对vue响应式数据更新的误解
2017/08/01 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
vue 属性拦截实现双向绑定的实例代码
2018/10/24 Javascript
javascript实现考勤日历功能
2018/11/29 Javascript
webpack 代码分离优化快速指北
2019/05/18 Javascript
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
在Python中使用列表生成式的教程
2015/04/27 Python
简单介绍Python下自己编写web框架的一些要点
2015/04/29 Python
opencv python 图像轮廓/检测轮廓/绘制轮廓的方法
2019/07/03 Python
python字典的值可以修改吗
2020/06/29 Python
python中取绝对值简单方法总结
2020/07/24 Python
Python3+Appium安装及Appium模拟微信登录方法详解
2021/02/16 Python
优秀求职自荐信怎样写
2013/12/18 职场文书
给校长的建议书
2014/03/12 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
2015年办公室主任工作总结
2015/04/09 职场文书
文艺演出主持词
2015/07/01 职场文书
工作服管理制度范本
2015/08/06 职场文书
浅谈什么是SpringBoot异常处理自动配置的原理
2021/06/21 Java/Android
MySQL系列之一 MariaDB-server安装
2021/07/02 MySQL
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
2022/04/24 Vue.js