jquery批量上传javascript问题
我遇到了一个javascript问题,它得到了一个“未捕获的引用错误:$未定义”。通过阅读,我认为这是我尝试执行$(document)时的顺序。在加载javascript之前准备好,但我不确定该怎么做。我曾尝试将jquery和fileuploadmulti移动到脚本上方,但随后我得到了“UncaughtTypeError:$(…)。uploadFile不是一个函数”,然后我走上了鸡和蛋的道路,不知道什么是正确的。任何有助于或指向正确方向的东西都会有帮助。多谢各位jquery批量上传javascript问题,javascript,jquery,Javascript,Jquery,我遇到了一个javascript问题,它得到了一个“未捕获的引用错误:$未定义”。通过阅读,我认为这是我尝试执行$(document)时的顺序。在加载javascript之前准备好,但我不确定该怎么做。我曾尝试将jquery和fileuploadmulti移动到脚本上方,但随后我得到了“UncaughtTypeError:$(…)。uploadFile不是一个函数”,然后我走上了鸡和蛋的道路,不知道什么是正确的。任何有助于或指向正确方向的东西都会有帮助。多谢各位 <script> /
<script>
//This is where my error shows up
$(document).ready(function(){
var settings = {
url: "/index.php/upload",
method: "POST",
allowedTypes:"jpg,png,gif,doc,pdf,zip",
fileName: "myfile",
multiple: true,
onSuccess:function(files,data,xhr)
{
$("#status").html("<font color='green'>Upload is success</font>");
},
afterUploadAll:function()
{
alert('All Files uploaded');
},
onError: function(files,status,errMsg)
{
$("#status").html("<font color='red'>Upload is Failed</font>");
}
};
$("#mulitplefileuploader").uploadFile(settings);
});
</script>
<script src="/js/jquery.js"></script>
<script src="/js/fileuploadmulti.min.js"></script>
<div class="boxed link">
<div id="mulitplefileuploader">Upload</div>
<div id="status"></div>
</div>
<div class="col-lg-12">
<h1>Adding pages to <?php echo $model->name; ?></h1>
</div>
//这就是我的错误所在
$(文档).ready(函数(){
变量设置={
url:“/index.php/upload”,
方法:“张贴”,
允许的类型:“jpg、png、gif、doc、pdf、zip”,
文件名:“myfile”,
多重:对,
onSuccess:函数(文件、数据、xhr)
{
$(“#status”).html(“上传成功”);
},
afterUploadAll:function()
{
警报(“上传的所有文件”);
},
onError:函数(文件、状态、errMsg)
{
$(“#状态”).html(“上传失败”);
}
};
$(“#mulitplefileuploader”).uploadFile(设置);
});
上载
将页面添加到
在包含jQuery
之前,您正在使用$
。尝试在之前包含它。尝试包含它
在
$(document).ready(function(){})之前代码>首先检查JQuery是否已加载
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
并将所有JQuery代码包装在$(document).ready(function(){\\code here})中代码>函数
$(…)。uploadFile不是函数错误,因为您没有正确加载fileupload插件
检查所有脚本标记URL是否正确。在脚本中几乎完全找到“您的”代码是很奇怪的。即使是#mulitplefileuploader
中的输入错误也是一样的。我看到的唯一区别是图书馆的名称。您使用fileuploadmulti.min.js
而不是jquery.fileuploadmulti.min.js
。。。您是否重命名了该文件?我尝试了此操作,得到了“未捕获的TypeError:$(…)。uploadFile不是函数”