javascript - jQuery，选择 Input FILE 并将其设置为另一个 INPUT

Question

该网站有 2 个输入字段，我只选择了 1 个字段，另一个不可见。现在我想将不可见的 .val() 更改为选定的 .val()，因此两个字段都上传相同的文件。它是如何工作的？

如果我这样做:

    $('#input_file').change(function() {
        var fileSelect = $(this).val();
        $('#hidden_input_file"]').val(fileSelect);
        console.log(fileSelect);
    });

我得到这个错误:未捕获的 InvalidStateError:无法在“HTMLInputElement”上设置“值”属性:此输入元素接受一个文件名，该文件名只能以编程方式设置为空字符串。

Answer 1

您的代码几乎是正确的:

$('#hidden_input_file').val(fileSelect);

这将使 jQuery 更改输入的值。但是，input type="file" 的值 永远不能*用 JavaScript(也不是 Flash，也不是任何编程方式)更改。这是在所有最终用户浏览器中实现的一项安全功能，用于防止网站受到微不足道的恶作剧:

$('#hidden_input_file').on('blur', function (e) {
    $('#hidden_input_file').val('c:\passwords.txt'); // won't work
});

启用要从用户计算机上传的文件 URL 的编程更改将是一个可怕的安全问题。

*仅适用于网络上的 JavaScript