javascript - 如何重置输入文件？

Question

我有一个大表格，我需要重置功能。我写了一些代码，效果很好，但我只在输入[type=file]方面遇到麻烦。我读到我必须从 DOM 中删除它并替换为它的副本，但是，我无法再发送这个文件了!我通过 ajax 发送表单数据，并且需要文件字段。因此，在重置表单之前，所有发送都很好，但是在重置服务器响应之后我没有发送文件._。我非常确定 input[type=file] 确实有问题，因为在添加此功能之前，我的重置功能工作正常。我尝试了这个代码:
var imguploadcont = form_tool.find(".imguploadcont");
imguploadcont.html('<input id="imgInp_{{key}}" type="file" name="userfile" class="custom-file-input" id="customFile"><label class="custom-file-label" for="customFile">'+imguploadcont.attr('text')+'</label>');

还有这个:
var fileinput = form_tool.find("input[type=file]");
fileinput.val('');
form_tool.find('.custom-file-label').text('Choose image');

怎么了？

Answer 1

就一般理解而言，如果您的正文内容已通过 AJAX 或任何其他方法动态更改，特别是您正在使用 元素重新提交相同内容。您需要按如下方式绑定(bind)函数的提交 -

    $(function()
    {

    .. Place your code here .. This is irrespective of document contents loaded or modified just before initially or re-submit based on dynamically loaded elements.

$("#form_id").on("submit",function(e)
{
e.preventDefault(); // Prevents default submission of the form

$.ajax({ // Your AJAX Code // });

});    

 });

下面的方法不起作用，因为您的 DOM 内容已更改，并且它只考虑加载的值(而不是动态修改的元素)

$(document).ready(function()
{
.. Your functions ...

});