JavaScript 上传相同文件

Question

在之前选择的 filefield 中选择文件时，我在触发 onchange 事件时遇到问题。我需要能够在上传文件时触发更改事件。

例如，我希望以下场景能够工作:

步骤 1) 用户选择 test1.jpg

步骤 2) 用户再次点击并选择 test2.jpg

步骤 3) 用户再次点击并再次选择 test1.jpg

在最后一种情况下，文件字段不再触发 onchange 事件。可以让它触发吗？我在谷歌上搜索过，但找不到解决方案。我尝试用新的输入字段替换输入字段，但这也不起作用。对于最后一个，我按照以下方式完成:

$('#picturesfile').replaceWith('<input type="file" name="filedata" id="picturesfile">');

更新

我用jsfiddle尝试过，它确实触发了change事件，原来的问题是jcrop的onselect事件没有触发我将关闭这个问题并继续寻找该问题的解决方案。

Answer 1

每个 HTML 字符串 jQuery 都会解析它并将其缓存在 $.cache 对象中(如果它少于 512 个符号)。所以你只需要删除输入并像这样创建它:

//create new input
var $newInput = $('<input>', {
    type : 'file',
    name : 'filedata',
    id : 'picturesfile'
});
//remove old and append to parentNode new
$('#picturesfile').remove().parent().append(newInput);