javascript - 添加其他参数以使用 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 或任何其他依赖项)。

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