如何在asp.net應用程序中從jquery設置HttpPost端點

Question

我正在嘗試使用Fine Uploader jQuery示例。 基本上它只是一種從客戶端頁面上傳文件到Web服務器的方法。

有一個關於如何在項目的GitHub頁面上設置服務器端文件流的示例。

如何從腳本調用此HttpPost endpoint ？ 簡單的jQuery示例如下所示：

$(document).ready(function () {
      $('#jquery-wrapped-fine-uploader').fineUploader({
        request: {
          endpoint: 'WhatToWriteHere??'
        },
        debug: true
      });
    });

那你在endpoint什么？ 我想它會像Namespace.Namespace.ClassName.UploadMethod() ，但我一直在隨便擺弄它，但不能讓它工作。 使用Firebug進行調試時，出現以下錯誤：

405 Method Not Allowed  
[FineUploader] xhr - server response received for 0
The HTTP verb POST used to access path '/FineUploaderTest/Uploadfolder' is not allowed.

任何的想法？

Answer 1

您可以編寫一個通用的HttpHandler來處理文件上傳：

public class UploadHandler : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        var request = context.Request;
        var formUpload = request.Files.Count > 0;

        var xFileName = request.Headers["X-File-Name"];
        var qqFile = request["qqfile"];
        var formFilename = formUpload ? request.Files[0].FileName : null;

        var filename = xFileName ?? qqFile ?? formFilename;
        var inputStream = formUpload ? request.Files[0].InputStream : request.InputStream;

        var filePath = Path.Combine(context.Server.MapPath("~/App_Data"), filename);
        using (var fileStream = File.OpenWrite(filePath))
        {
            inputStream.CopyTo(fileStream);
        }

        context.Response.ContentType = "application/json";
        context.Response.Write("{\"success\":true}");
    }

    public bool IsReusable
    {
        get { return true; }
    }
}

然后：

$(document).ready(function () {
    $('#jquery-wrapped-fine-uploader').fineUploader({
        request: {
            endpoint: '/uploadhandler.ashx'
        },
        debug: true
    });
});