热门使用 jquery 承诺与文件上传

Question

我正在尝试使用一个优秀的 Uploader 插件上传图片，我想连同图片一起发送一些表单数据，但是在初始化插件时表单数据对我不可用（根据插件的要求应该在初始化时给出）。是否可以为此目的使用 jquery Promise 如果可以，如何？

/*--  Create Rack Image Uploads  --*/

$('.rack-create-modal').on('shown.bs.modal', function () {
    $('#createRackImageUpload').fineUploader({
        template: 'qq-template-manual-trigger',
        multiple: false,
        autoUpload: false,
        request: {
            endpoint: 'upload_shop_rack',
            // customHeaders:{data:$('#createRack').serialize()},
            params:{data:{ 
                            name:''//,I want promimse Here
                            value:'Human Value'
            } 
        },
        session: {
            endpoint: 'get_rack_image',
            refreshOnRequest: true,
        },
        validation: {
            allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'],
            sizeLimit: 5242880,
            itemLimit: 1

        },
        messages: {
            tooManyItemsError: 'You can only add 1 image'
        },
        deleteFile: {
            enabled: true,
            forceConfirm: true,
            endpoint: 'delete_shop_rack'
        }
    });
    $('.trigger-upload').click(function (e) {
        Var createRackForM=$('#cresteRack').serialize();
        $('#createRackImageUpload').fineUploader('uploadStoredFiles');
    });
});

Answer 1

您可以随时使用 Fine Uploader 的 setParams API method 在任何上传请求中包含任何参数。例如：

callbacks: {
   onUpload: function(id) {
      this.setParams(id, {someData: 'someValue'})
   }
}

热门使用 jquery 承诺与文件上传

Hot to use jquery promise with file Upload

javascript

jquery

fine-uploader