Javascript 精细上传器上传存储文件方法
在尝试调用uploadStoredFiles()方法时,我在使用AWS S3的Fine Uploader时遇到了一个问题。一切正常,没有错误,直到我调用此方法,然后我得到一个js错误:Javascript 精细上传器上传存储文件方法,javascript,jquery,fine-uploader,Javascript,Jquery,Fine Uploader,在尝试调用uploadStoredFiles()方法时,我在使用AWS S3的Fine Uploader时遇到了一个问题。一切正常,没有错误,直到我调用此方法,然后我得到一个js错误: "Method uploadStoredFiles() does not exist on jQuery.fineUploader" 我尝试同时使用“.fineUploader”和“.fineUploader3”,结果相同 <div class="btn btn-primary btn-block" i
"Method uploadStoredFiles() does not exist on jQuery.fineUploader"
我尝试同时使用“.fineUploader”和“.fineUploader3”,结果相同
<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>
添加SCC文件
添加脚本文件
添加注释文件
提交
$(文档).ready(函数(){
$(“#fineUploader”)。fineUploader 3({
uploaderType:'基本',
自动上载:false,
附加按钮:[
{元素:$('#mediafile')},
{元素:$('#sccfile')},
{element:$('#scriptfile')},
{元素:$('#notesfile')}
],
//为简洁起见,省略了其余的无关选项
})})
$('#submitUploads')。单击(函数(){
$('#fineUploader').fineUploader('uploadStoredFiles()');
您的代码中有一个错误。Fine Uploader的jQuery插件包装器遵循jQuery插件通用的所有约定。在没有参数的jQuery插件上调用方法时,只需将方法名称作为参数包含。与方法调用关联的所有参数都必须遵循逗号分隔列表中的方法名称争论不休
例如:
$('#fineUploader')。fineUploader('UploadStoredFile');
正是出于这个原因(以及更多的原因),我建议甚至不要麻烦使用jQuery插件包装器。jQuery插件语法奇怪且不直观,Fine Uploader的jQuery包装器没有任何好处
例如,如果没有jQuery包装器,您将调用相同的方法,如下所示:
uploader.uploadStoredFiles();