javascript - 未捕获的类型错误:$(...).uploadify 不是函数
问题描述
当我尝试上传图片时出现错误。我不明白为什么我这一直给我一个问题。
未捕获的类型错误:$(...).uploadify 不是函数
我的观点:
@model CRM.DataModel.Entities.Dictionary.TrainingType
@{ ViewBag.Title = "Edit"; }
<h2>Edit</h2>
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<input type="hidden" class="form-control" value="@Model.Id" name="Id">
<div class="mb-3">
<label for="exampleInputCarName" class="form-label">Name</label>
<input type="text" class="form-control" id="exampleInputCarName" value="@Model.Name" name="Name">
</div>
<div>
Click Select files to upload files.
<input type="file" name="file_upload" id="file_upload" />
</div>
<div id="uploaded"></div>
<button type="submit" class="btn btn-primary">Save</button>
<script type="text/javascript" src="@Url.Content("~/Content/UploadifyContent/jquery.uploadify.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/UploadifyContent/jquery.uploadify.min.js")"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/UploadifyContent/uploadify.css")" />
}
@section Scripts
{
<script type="text/javascript">
$(document).ready(function () {
$('#file_upload').uploadify({
'swf': "@Url.Content("~/Content/UploadifyContent/uploadify.swf")",
'cancelImg': "@Url.Content("~/Content/UploadifyContent/uploadify-cancel.png")",
'uploader': "@Url.Action("Upload", "TrainingType")",
'onUploadSuccess' : function(file, data, response) {
$("#uploaded").append("<img src='" + data + "' alt='Uploaded Image' />");
}
});
});
</script>
}
解决方案
按以下顺序加载脚本标签以解决此问题
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.uploadifive.min.js" type="text/javascript"></script>
由于插件是jquery的扩展,所以先加载jquery再加载插件应该可以解决问题
参考:https ://github.com/RonnieSan/uploadify/blob/master/index.php
推荐阅读
- matlab - MATLAB:绘图时在颜色之前循环遍历线条
- javascript - 比较两个数组和相同值的索引变化数据
- html - 如果 4 + 8 = 12 那么为什么我的引导网格仍然溢出页面边缘?
- html - 无法单击() href 元素
- bash - 使用 .bashrc 保持 X11 转发
- openstack - 可以 ping 但不能 ssh 我的 openstack 实例
- c# - 如何从桌面应用程序读取注册表项
- microsoft-graph-api - 使用 Microsoft Graph 重置用户密码 *和*将密码发送到指定的电子邮件地址
- powerbi - PowerBI Pro 可以处理非常大 (17GB) 的 csv 文件吗?
- apache - 如何为 Apache httpd VirtualHost 定义默认页面?