首页 > 解决方案 > 未捕获的类型错误:$(...).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>
}

我必须更新我的问题并显示它: 一些错误

错误1 错误2

标签: javascriptasp.net-mvc

解决方案


按以下顺序加载脚本标签以解决此问题

<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


推荐阅读