HTML允许相同的文件名上传

时间:2015-09-11 21:18:47

标签: javascript jquery html file-upload

我有一个简单的HTML文件上传输入:

<input name="ImageFile" id="imageInput" type="file" accept=".jpg, .jpeg" />

我想允许连续上传相同的文件名。例如,

首先我上传了一张图片,然后我看到它显示并决定它不是我喜欢的,所以我在photoshop(或其他照片编辑器)中打开它并进行一些更改。现在我想重新上传它。

使用此当前输入字段,我无法做到这一点。我必须:

a。)更改名称

b。)有办法在重新上载之前清除输入字段

我想要发生的是让上传字段清除现有文件,从而允许上载相同的文件而不会发生冲突。或者,如果HTML具有允许再次上载相同文件的属性(并且具有在photoshop中进行的更新更改)。

由于多种原因,我不希望我的用户通过按x按钮手动清除输入。

注意:我无法在弹出选择框时清除文件输入,因为如果他们按下取消,它仍会删除图像。我知道我可以通过在删除之前保存图像来避免这种情况,但这看起来像是一个非常难看的黑客。

有人可以帮我解决这个问题吗?有没有简单的黑客攻击/解决方法,或者这是不可能的?

2 个答案:

答案 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");