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 相关文章推荐
js获取鼠标位置实例详解
Dec 09 Javascript
jQuery获取多种input值的简单实现方法
Jun 20 Javascript
手机图片预览插件photoswipe.js使用总结
Aug 25 Javascript
Jquery删除css属性的简单方法
Dec 04 Javascript
js继承实现方法详解
Dec 16 Javascript
JavaScript中立即执行函数实例详解
Nov 04 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
May 08 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
详解React中合并单元格的正确写法
Jan 08 Javascript
vue-property-decorator用法详解
Dec 12 Javascript
JavaScript中如何调用Java方法
Sep 16 Javascript
vue+vant实现购物车全选和反选功能
Nov 17 Vue.js
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
第五节--克隆
2006/11/16 PHP
php数组函数序列之array_intersect() 返回两个或多个数组的交集数组
2011/11/10 PHP
PHP页面间参数传递的四种方法详解
2013/06/09 PHP
destoon实现调用热门关键字的方法
2014/07/15 PHP
Zend Framework框架路由机制代码分析
2016/03/22 PHP
PHP上传Excel文件导入数据到MySQL数据库示例
2016/10/25 PHP
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
浅析Javascript中“==”与“===”的区别
2014/12/23 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
2015/09/14 Javascript
第一次接触神奇的Bootstrap网格系统
2016/07/27 Javascript
微信小程序  Mustache语法详细介绍
2016/10/27 Javascript
微信小程序 form组件详解及简单实例
2017/01/10 Javascript
angular4实现tab栏切换的方法示例
2017/10/21 Javascript
Angular 开发学习之Angular CLI的安装使用
2017/12/31 Javascript
JS 实现百度搜索功能
2018/02/01 Javascript
学习Vue组件实例
2018/04/28 Javascript
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
[02:42]DOTA2英雄基础教程 杰奇洛
2013/12/23 DOTA
用Python脚本生成Android SALT扰码的方法
2013/09/18 Python
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
使用Python设计一个代码统计工具
2018/04/04 Python
Python3中关于cookie的创建与保存
2018/10/21 Python
python实现简单加密解密机制
2019/03/19 Python
Python面向对象程序设计类变量与成员变量、类方法与成员方法用法分析
2019/04/12 Python
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
蔻驰西班牙官网:COACH西班牙
2019/01/16 全球购物
新闻记者个人求职的自我评价
2013/11/28 职场文书
简短大学毕业感言
2014/01/18 职场文书
师范生求职自荐信
2014/06/14 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
详解如何在Canvas中添加事件的方法
2021/04/17 Javascript
Android存储中最基本的文件存储方式
2022/04/30 Java/Android