无法调用服务器端 webmethod 函数

Question

我正在使用summernote，我想将图像上传到我的网络服务器。下面是我正在使用的代码

默认.aspx

<script type="text/javascript">
    $(document).ready(function () {
        $('#summernote').summernote({
            onImageUpload: function (files, editor, $editable) {
                alert('image?');
                var formData = new FormData();
                formData.append("file", files[0]);

                $.ajax({
                    url: "Default.aspx/UploadImage",
                    data: formData,
                    type: 'POST',
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function (imageUrl) {
                        alert(imageUrl);
                        if (!imageUrl) {

                            // handle error

                            return;
                        }

                        editor.insertImage($editable, imageUrl);
                    },
                    error: function () {
                        alert('error');
                        // handle error
                    }
                });
                console.log('image upload:', files, editor, $editable);
            }
        });
    });
</script>

默认.asp.cs

[System.Web.Services.WebMethod]
    public static string UploadImage(HttpPostedFileBase file)
    {
        //Saving to Server

        return imageUrl;
    }

但它没有调用服务器端函数。此外，alert(imageUrl) 正在给我完整的页面 html。

我哪里错了？

使用网络信息更新问题（谷歌浏览器）

编辑 2

建议后更新

代码：

 url: "About.aspx/UploadImage",
                   data: "multipart/form-data",
                   type: 'POST',
                   cache: false,
                   contentType: "application/json",

错误：

注意：我已将页面从 Default.aspx 更改为 about.aspx（但代码相同）

Answer 1

WebMethod 或“页面方法”expect contentType: "application/json;

其他参考：Scott Guthrie - JSON Hijacking and How ASP.NET AJAX 1.0 Avoids these Attacks:

ASP.NET 为基于 GET 和 POST 的 ASP.NET AJAX Web 方法强制实施了一个内置的保护验证层，即不管使用的 HTTP 动词如何，ASP.NET 总是要求将 HTTP Content-Type 标头设置为值 application/json。如果不发送此内容类型标头，ASP.NET AJAX 将拒绝服务器上的请求。

• 这就是为什么您的 alert 返回页面 (html)，您的调用 成功 调用了 page (default.aspx)，但 webmethod 是 不 被调用。

见this for direction/possible solution。

---

我认为您感到困惑，可能是我的错。我会尽量简化：

• 链接中的建议是不使用 WebMethod。
• 为了发送文件，您的contentType 必须是multipart/form-data
  • 查看相关问题：jquery contentType false
• 但如上所述，WebMethods 要求 contentType 为application/json
• 它不适用于 WebMethods（因此链接建议使用通用处理程序）。

第...