jquery - 使用jquery.form.js的异步上传问题

Question

我正在使用 jquery.form 插件在 MVC 项目中异步上传文档。

以 this 为指导之前的答案，这是我在页面上的内容:

<% using(Html.BeginForm("Create", "JobFile", FormMethod.Post, new { id = "uploadForm", enctype = "multipart/form-data" })) %>
<% { %>
<%: Html.ValidationSummary() %>

    <input type="file" id="fileToUpload" />
    <input type="submit" value="Upload file" />
    <input type="text" id="RelatedFileName" />

<% } %>

<script type="text/javascript" src="../../Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery.form.js"></script>
<script type="text/javascript">
    $(function () {
        $('#uploadForm').ajaxForm(function (result) {
            if (result.errorMessage != '') {
                alert(result.errorMessage);
            } else {
                $('#RelatedFileName').val(result.fileName);
            }
        });
    });
</script>

我的问题是，当页面加载时，我收到以下 JavaScript 错误:

Uncaught TypeError: Object # has no method 'ajaxForm'

此错误出现在包含以下内容的行

$('#uploadForm').ajaxForm(function (result) {

谁能告诉我为什么会出现此错误？

Answer 1

检查 jquery 是否两次包含在页面中。