javascript - 精细 uploader uploadStoredFiles 方法

Question

在尝试调用 uploadStoredFiles() 方法时，我在使用适用于 AWS S3 的 Fine Uploader 时遇到了问题。一切正常，没有错误，直到我调用这个方法，然后我收到一个 js 错误:

"Method uploadStoredFiles() does not exist on jQuery.fineUploader" 

我尝试同时使用“.fineUploader”和“.fineUploaderS3”，但结果相同。

<div class="btn btn-primary btn-block" id="sccfile">Add SCC File</div>
<div class="btn btn-primary btn-block" id="scriptfile">Add Script File</div>
<div class="btn btn-primary btn-block" id="notesfile">Add Notes File</div>

<div id='fineUploader'>
    <div id="submitUploads" class="btn btn-block btn-primary">Submit</div>
</div>


<script> 
    $(document).ready(function () {
        $('#fineUploader').fineUploaderS3({
        uploaderType: 'basic',
        autoUpload: false,
        extraButtons: [
            { element: $('#mediafile')  },
            { element: $('#sccfile')    },
            { element: $('#scriptfile') },
            { element: $('#notesfile')  }
        ],
        //  the remaining unrelated options omitted for brevity
    })})

    $('#submitUploads').click(function(){
        $('#fineUploader').fineUploader('uploadStoredFiles()');
</script>

Answer 1

您的代码中有错误。 Fine Uploader 的 jQuery 插件包装器遵循 jQuery 插件常见的所有约定。在调用没有参数的 jQuery 插件上的方法时，只需包含方法名称作为参数即可。与方法调用关联的所有参数都必须遵循逗号分隔的参数列表中的方法名称。

例如:$('#fineUploader').fineUploader('uploadStoredFiles');

正是出于这个原因(以及更多原因)，我建议不要使用 jQuery 插件包装器。 jQuery 插件语法怪异且不直观，并且 Fine Uploader 的 jQuery 包装器没有提供任何好处。

例如，如果没有 jQuery 包装器，您将调用相同的方法，如下所示:uploader.uploadStoredFiles();