无法调用服务器端webmethod函数

Question

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

Default.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>

default.asp.cs

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

        return imageUrl;
    }

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

错误：

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

Answer 1

WebMethod或“页面方法”需要ContentType:“application/json；

其他参考：Scott Guthrie-JSON劫持以及ASP.NET AJAX 1.0如何避免这些攻击：

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

null

• 链接中的建议未使用WebMethod。
• 为了发送文件/s，您的contenttype必须是multipart/form-data
  • 参见相关问题：jquery contentType false

  Hth...