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表数据排序 sort table data
Feb 18 Javascript
javascript中创建对象的三种常用方法
Dec 30 Javascript
div失去焦点事件实现思路
Apr 22 Javascript
alert和confirm功能介绍
May 21 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
Apr 03 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
Sep 06 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
Mar 14 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
Dec 02 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
Jul 28 Javascript
深入理解Vue2.x的虚拟DOM diff原理
Sep 27 Javascript
详解微信小程序用定时器实现倒计时效果
Apr 30 Javascript
js使用cookie实现记住用户名功能示例
Jun 13 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 cookis创建实现代码
2009/03/16 PHP
PHP中开发XML应用程序之基础篇 添加节点 删除节点 查询节点 查询节
2010/07/09 PHP
destoon找回管理员密码的方法
2014/06/21 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
PHP分页初探 一个最简单的PHP分页代码的简单实现
2016/06/21 PHP
php版交通银行网银支付接口开发入门教程
2016/09/26 PHP
PHP对XML内容进行修改和删除实例代码
2016/10/26 PHP
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
2012/06/29 Javascript
document.execCommand()的用法小结
2014/01/08 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
javascript数字验证的实例代码(推荐)
2016/08/20 Javascript
利用Node.js+Koa框架实现前后端交互的方法
2017/02/27 Javascript
Vue-router 中hash模式和history模式的区别
2018/07/24 Javascript
vue监听用户输入和点击功能
2019/09/27 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
2020/02/21 Javascript
vue实现轮播图帧率播放
2021/01/26 Vue.js
[04:44]DOTA2英雄梦之声_第12期_矮人直升机
2014/06/21 DOTA
python中from module import * 的一个坑
2014/07/20 Python
Python Pandas批量读取csv文件到dataframe的方法
2018/10/08 Python
用Python编写一个高效的端口扫描器的方法
2018/12/20 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
详解CSS3 弹性布局快速入门
2019/06/06 HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
找到不普通的东西:Bonanza
2016/10/20 全球购物
HelloFresh奥地利:立即订购烹饪盒
2019/02/22 全球购物
高级运动鞋:GREATS
2019/07/19 全球购物
史上最全面的Java面试题汇总!
2015/02/03 面试题
美工的岗位职责
2013/11/14 职场文书
大气污染防治方案
2014/05/19 职场文书
法制教育演讲稿
2014/09/10 职场文书
解除施工合同协议书
2014/10/17 职场文书
收入及婚姻状况证明
2014/11/20 职场文书
婚宴邀请函
2015/01/30 职场文书
个人工作违纪检讨书
2015/05/05 职场文书
Pytorch 如何实现LSTM时间序列预测
2021/05/17 Python