javascript - 动态添加文件到输入

Question

我正在使用这个插件:jQuery HTML5 uploader (参见演示)，在表单内。我想在用户提交表单时使用 POST 方法发送上传的文件。

也许我可以创建一个input[type="file"]，将其隐藏，并使用输入中的插件动态添加上传的文件？有可能吗？

<小时/>

那么，如果我不能这样做，如何才能使用此插件将文件上传到服务器，只有当用户单击提交按钮时？我知道该插件已经使用 AJAX 执行此操作，但我想仅在用户单击按钮时上传它们。

也许我应该创建一个名为 files 的变量，当用户单击提交按钮时，我自己使用 AJAX 发送文件和其余输入数据？

类似这样的事情:

jQuery( "#dropbox" ).html5Uploader({
    onClientLoadStart: function( event, file ) {
        files[] = file;
        [...]
    }
});

[...]

jQuery("#button").on("click", function() {
    jQuery.ajax({
        data: files
    });
    [...]
});

Answer 1

出于安全原因，您不能这样做。想象一下可能性。我通过 JavaScript 在隐藏字段中输入文件。您按提交。我拿到你的文件了。任何文件。很可怕，对吧？