jquery - 精细 uploader 3.4 和 setParams

Question

我正在使用带有 jquery 插件的精细 uploader 。在上传文件之前需要动态传递参数，因此 setParams() 方法应该完成这项工作。我不能对 onSubmit 回调有异常:

1) 上传者声明

 function initUploader() {
         var up = $('#BSUploader').fineUploader({
                      multiple: true,
                      debug: true,
                      request: {
                          endpoint: '${request.contextPath}/quantum/uploadToS3',
                          //params: {'folderId':r }
                      },
                      dragAndDrop: {
                          extraDropzones:[$('#filesContainer')],

...

2)onSubmit回调

...
}).on('submit', function(event, id, name) {
          var r = $("#curfolderid").val();
          alert(r);
          up.setParams({'folderId':r});

3)错误日志

[FineUploader] Caught exception in 'onSubmit' callback - Object [object Object] has no method 'setParams' bundle-bundle_uploader_defer.js:4
qq.log bundle-bundle_uploader_defer.js:4
qq.FineUploaderBasic.log bundle-bundle_uploader_defer.js:26
b bundle-bundle_uploader_defer.js:47
a._options.callbacks.(anonymous function) bundle-bundle_uploader_defer.js:47
qq.FineUploaderBasic._upload bundle-bundle_uploader_defer.js:43
qq.FineUploaderBasic._uploadFileOrBlobDataList bundle-bundle_uploader_defer.js:43
qq.FineUploaderBasic.addFiles bundle-bundle_uploader_defer.js:29
qq.DragAndDrop.callbacks.dropProcessing bundle-bundle_uploader_defer.js:69
b bundle-bundle_uploader_defer.js:51
qq.UploadDropZone.onDrop bundle-bundle_uploader_defer.js:52
(anonymous function)

有什么想法吗？

Answer 1

您没有正确使用 jQuery 插件包装器。 documentation on this plugin清晰地解释了使用插件时如何调用API方法。您应该真正遵循从 the first page 开始的自述文件。 ，然后按照根据您的预期用途列出的路径进行操作。这样做可以防止您遇到通过熟悉该库可以解决的问题。

现在，开始解决您的问题...

您创建的 up 变量被分配了一个 jQuery 对象，该对象表示 ID 为“BSUploader”的元素。您正在尝试调用此 jQuery 对象上不存在的函数。 Fine Uploader 不会用额外的方法污染 jQuery 对象。开发插件包装器时遵循 jQuery 网站上列出的所有接受/推荐的标准。这意味着您必须在插件实例的上下文中调用 API 方法。

因此，您必须更改此行:
up.setParams({'folderId':r});

对此:
up.fineUploader('setParams', {'folderId':r});

另一种选择是完全消除 up 变量。您确实不需要它，因为您可以在回调处理程序中调用 setParams，如下所示:
$(this).fineUploader('setParams', {'folderId':r});