分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

input file 重复上传同一张图片失效的解决办法

发布时间:2023-09-06 01:22责任编辑:熊小新关键词:暂无标签

项目中遇到上传图片,需要本地预览效果,测试时无意间发现,当选择A图片,然后更换为B图片,完全正常;当选择A图片,取消该图片,再测选择A图片后,发现不会再生成预览效果,出现了bug;

查找相关资料后,终于找到了两个解决办法;

方法一:来回切换input[type=‘file‘]的type属性值,可以是‘text’,‘button‘,‘button‘....,然后再切换回来‘file’

方法二:每次取消图片预览后,重置input[type=‘file‘]的value的值,如上图所示。

input file 重复上传同一张图片失效的解决办法

原文地址:http://www.cnblogs.com/web-wjg/p/7771412.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved