jquery批量上传javascript问题

jquery批量上传javascript问题,javascript,jquery,Javascript,Jquery,我遇到了一个javascript问题,它得到了一个“未捕获的引用错误:$未定义”。通过阅读,我认为这是我尝试执行$(document)时的顺序。在加载javascript之前准备好,但我不确定该怎么做。我曾尝试将jquery和fileuploadmulti移动到脚本上方,但随后我得到了“UncaughtTypeError:$(…)。uploadFile不是一个函数”,然后我走上了鸡和蛋的道路,不知道什么是正确的。任何有助于或指向正确方向的东西都会有帮助。多谢各位 <script> /

我遇到了一个javascript问题,它得到了一个“未捕获的引用错误:$未定义”。通过阅读,我认为这是我尝试执行$(document)时的顺序。在加载javascript之前准备好,但我不确定该怎么做。我曾尝试将jquery和fileuploadmulti移动到脚本上方,但随后我得到了“UncaughtTypeError:$(…)。uploadFile不是一个函数”,然后我走上了鸡和蛋的道路,不知道什么是正确的。任何有助于或指向正确方向的东西都会有帮助。多谢各位

<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不是函数”