Question

如果您的表单包含blueimp文件输入元素，如：

Select * from students where Id='' and name='' and age='21'

并自动上传文件所有字段提交到服务器（在表单提交之前）

我所希望的是我可以指定一个单独的表单，用于文件上传，只包含必要的`

原因是我有一个相当大的形式，我不想在每次将图像放到表单上时提交表单和所有这些值。我需要文件上传按钮以保持原样（在表单内）并且不希望对准嵌套两个<form> <input type="hidden" name="avatar"/> <input id="fileupload1" type="file" name="files[]"> <input type="hidden" name="car"/> <input id="fileupload2" type="file" name="files[]"> </form>元素执行任何css排名。

有没有办法简单地挂钩到提交事件，所以我可以在按下提交时发布数据？（我知道提交事件有一个钩子，但我想要一个允许你轻松访问图像数据的钩子）

Answer 1

是的，您可以使用add回调设置要在文件中上传的字段，如下所示。

JS：

$( '#fileupload1' ).fileupload({
    add : function ( e, data ) {
        data.formData = {
            yourParam : $( 'input[name="avatar"]' ).val()
        };
        data.submit();
    }
});

请注意，您需要为fileupload插件设置其他配置参数：url，dataType等等。

此add回调会将字段yourParam附加到发送到带有该文件的服务器的多部分请求中，当文件被添加到上传时会触发，并且会立即发送文件上传请求

更改用于提交数据的blueimp表单

1 个答案: