Blueimp FileUpload：提交表单回调后如何提交上传答案

【问题标题】：Blueimp FileUpload : How to submit the upload after submitting form callbackBlueimp FileUpload：提交表单回调后如何提交上传
【发布时间】：2017-07-19 20:58:17
【问题描述】：

我有一个 “新产品” 表单，其中包含多个输入（名称、描述等）和一个“添加图像”按钮（当您单击它时只会加载预览图像） .

一旦我提交了“新产品”表单（此时图片没有上传），如果MySQL查询OK，它会返回最后插入的ID .然后，我想用我第一次提交“新产品”形式。有意义吗？

所以，我需要在此代码之外提交图片上传表单：

<script>
$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        url: location.protocol + '//' + location.hostname + '/files/index.php',
        dataType: 'json',
        add: function (e, data) {
            var uploadErrors = [];
            var acceptFileTypes = /^image\/(jpe?g|png)|application\/(pdf|doc|xls|vnd.openxmlformats-officedocument.spreadsheetml.sheet)$/i;
            if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {
                uploadErrors.push("Bad file : " + '\n\n' + data.originalFiles[0]['name'] + '\n\n' + "Accepted : " + '\n' + "jpg, png, pdf, doc, xls, xlsx ou zip.");
            }
            if(data.originalFiles[0]['size'].length && data.originalFiles[0]['size'] > 5000000) {
                uploadErrors.push("Too heavy : " + '\n\n' + data.originalFiles[0]['name']);
            }
            if(uploadErrors.length > 0) {
                alert(uploadErrors.join("\n"));
            } else {
                $('#preview').html('<img src="' + URL.createObjectURL(data.files[0]) + '"/>');
            }
        },
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            console.log(progress);
        }
    });
});
</script>

有什么想法吗？

【问题讨论】：

标签： jquery blueimp

【解决方案1】：

// Initialize the jQuery File Upload widget:
$('.fileupload').fileupload({
    url: 'image_upload/server/php/index.php',
    maxFileSize: 5000 * 1000,
    acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i
}).on('fileuploadsubmit', function (e, data) {    
    alert("submit triggered");
    //Code which needs to comes after submit
});

【讨论】：