我有一个简单的HTML文件上传输入:
<input name="ImageFile" id="imageInput" type="file" accept=".jpg, .jpeg" />
我想允许连续上传相同的文件名。例如,
首先我上传了一张图片,然后我看到它显示并决定它不是我喜欢的,所以我在photoshop(或其他照片编辑器)中打开它并进行一些更改。现在我想重新上传它。
使用此当前输入字段,我无法做到这一点。我必须:
a。)更改名称
或
b。)有办法在重新上载之前清除输入字段
我想要发生的是让上传字段清除现有文件,从而允许上载相同的文件而不会发生冲突。或者,如果HTML具有允许再次上载相同文件的属性(并且具有在photoshop中进行的更新更改)。
由于多种原因,我不希望我的用户通过按x按钮手动清除输入。
注意:我无法在弹出选择框时清除文件输入,因为如果他们按下取消,它仍会删除图像。我知道我可以通过在删除之前保存图像来避免这种情况,但这看起来像是一个非常难看的黑客。
有人可以帮我解决这个问题吗?有没有简单的黑客攻击/解决方法,或者这是不可能的?
答案 0 :(得分:0)
上次我使用文件上传字段时,我只能点击F5,在浏览器提示时重新提交表单,然后上传文件并应用更改。
所以听起来你做的不仅仅是一个简单的&#34;上传文件。如果您正在倾听onchange
,请在成功上传后调用.reset()
以清除它。
答案 1 :(得分:0)
这似乎只是在您的浏览器中缓存图像。查看此帖子以防止缓存Here
来自上面的链接:
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");