添加附加参数以使用fineuploader发送到服务器

Question

我正在使用http://fineuploader.com/ 上传文件。完美运行。然后我在request 对象中设置params 以发送一些附加参数以发送到服务器。完美运行。然后我添加另一个参数以使用 setParams 和 onSubmit 回调发送。不完美，因为它删除了我的原始参数。我的愿望是将最后一个参数添加到原始参数中，而不是替换它们。我的 newPar 是一个动态阀门，而不是我的示例中所示的常量。

我是否应该不尝试在 request 对象中定义参数并在回调中完成所有操作？ 或者使用匿名函数在request 对象中设置我添加的参数？ 或者其他方式？

var uploader = new qq.FineUploaderBasic({
    button: document.getElementById('uploader'),
    autoUpload: false,
    multiple:false,
    request: {
        endpoint: 'uploads/handleUploads.php',
        params: {id:123,task:'upload'}
    },
    callbacks: {
        onSubmit: function(id, fileName) {
            this.setParams({newPar:321});
        }
    },
    debug: true
});

Answer 1

最好的办法是使用任何新参数扩展 onSubmit 中的默认参数 ({ id: 123, task: 'upload' })。这是一个例子：

// set your default parameters for all files via
// some object/function visible in fineuploader's scope
var defaultParams = {
    id: 123,
    task: 'upload'
}
var uploader = new qq.FineUploaderBasic({
    multiple: false,
    debug: true,
    autoUpload: false,
    button: document.getElementById('uploader'),
    request: {
        endpoint: "uploads/handleUploads.php",
    },
    callbacks: {
        onSubmit: function (id, fileName) {
            // Extend the default parameters for all files
            // with the parameters for _this_ file.
            // qq.extend is part of a myriad of Fine Uploader
            // utility functions and cross-browser shims
            // found in client/js/util.js in the source.
            var newParams = {
                newPar: 321
            },
                finalParams = defaultParams;

            qq.extend(finalParams, newParams);
            this.setParams(finalParams);
        }
    }
});

Fine Uploader 有大量实用函数 (docs/code)，我使用其中一个 -- extend -- 来帮助创建我们的最终参数对象（假设您没有使用 jQuery 或任何其他依赖项）。

编辑：意识到您不是为特定文件设置参数，而是为所有文件动态设置参数。