JS实现图片上传多次上传同一张不生效的处理方法
2019/6/27 7:48:29
本文主要是介绍JS实现图片上传多次上传同一张不生效的处理方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
在做图片上传的功能时, 使用删除功能删除了一张图片, 然后想重新上传原来删除的图片, 结果预览不显示, 也不能上传成功
解决办法, 在删除方法里置空input
$("#id").find('input').val('');
拿到input所在的位置, 找到这个input, 然后置空
还有一种方法是来回切换input的属性
每次删除图片后, 改变input的type属性
先变成text, 删除完成后变回file, 方便删除后能继续上传
$("#inputId").attr('type','text'); $("#inputId").attr('type','file');
总结
以上所述是小编给大家介绍的JS实现图片上传多次上传同一张不生效的处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对找一找教程网网站的支持!
这篇关于JS实现图片上传多次上传同一张不生效的处理方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-27如何集成Ant Design Vue的图标资料
- 2024-11-27如何集成Ant Design Vue图标资料
- 2024-11-27Vue CLI多环境配置资料:新手教程
- 2024-11-27Vue3的阿里系UI组件资料入门指南
- 2024-11-27Vue3公共组件资料详解与实战教程
- 2024-11-27Vue3公共组件资料详解与实战教程
- 2024-11-27Vue3核心功能响应式变量资料详解
- 2024-11-27Vue3资料:新手入门教程与实战指南
- 2024-11-26怎么使用 nvm(Node Version Manager)下载并安装指定版本的 Node.js?-icode9专业技术文章分享
- 2024-11-26Vue CLI资料入门教程