jQuery表单上传错误

Question

我正在使用这个版本的jQuery表单插件https://raw.github.com/malsup/form/master/jquery.form.js 提交时出错：

form.submit();在线错误

SCRIPT87: Invalid argument. jquery.form.js, line 347 character 5

我的代码：

<form id="ajaxUploadForm" action="@Url.Action("Upload", "Home")%>" method="post" enctype="multipart/form-data" >
    <fieldset>
        <legend>Upload a file</legend>
        <label>File to Upload: <input type="file" name="file" /></label>
        <input id="ajaxUploadButton" type="submit" value="Upload" />
    </fieldset>
</form> 

$(function () {
        $("#ajaxUploadForm").ajaxForm({
            iframe: true,
            dataType: "json",
            beforeSubmit: function () {
               // $("#ajaxUploadForm").block({ message: '<img src="/Content/themes/start/images/progress.gif" />' });
            },
            success: function (result) {
               // $("#ajaxUploadForm").unblock();
                //$("#ajaxUploadForm").resetForm();
                $.growlUI(null, result.message);
            },
            error: function (xhr, textStatus, errorThrown) {
                //$("#ajaxUploadForm").unblock();
                //$("#ajaxUploadForm").resetForm();
                $.growlUI(null, 'Error uploading file');
            }
        });
    });

我正在侧面的简单模型对话框中进行此上传。

可能有人知道如何解决这个问题？

Answer 1

如果您要发布到的控制器操作返回 JSON，您可能需要将其包装在 <textarea> 标记中，如文档中所述：

由于无法上传 使用浏览器的文件 XMLHttpRequest 对象，表单插件 使用隐藏的 iframe 元素来帮助 与任务。这是一个常见的 技术，但它有内在的 限制。 iframe 元素是 用作表单的目标 提交操作，这意味着 服务器响应被写入 框架。这很好，如果响应 类型是 HTML 或 XML，但不起作用 以及如果响应类型是脚本 或 JSON，这两者通常都包含 需要reresented的字符 在找到时使用实体引用 HTML 标记。

为了应对挑战 脚本和 JSON 响应，表单 插件允许这些响应 嵌入在 textarea 元素中，它 建议您这样做 这些响应类型在使用时 与文件上传结合。请 但是请注意，如果没有 在表单中输入文件，然后 请求使用普通 XHR 提交 表单（不是 iframe）。这使 你的服务器代码负担要知道 何时使用 textarea 何时不使用 到。如果你喜欢，你可以使用 要强制的插件的 iframe 选项 它总是使用 iframe 模式和 那么你的服务器总是可以嵌入 在文本区域中响应。