Как установить конечную точку HttpPost из jquery в приложении asp.net

Я пытаюсь заставить работать пример jQuery Fine Uploader. По сути, это просто способ загрузки файлов с клиентской страницы на веб-сервер.

На страница проекта на 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.

Любая идея?


person Farsen    schedule 15.01.2013    source источник


Ответы (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
    });
});
person Darin Dimitrov    schedule 15.01.2013
comment
Спасибо большое за вашу помощь. Я попытался добавить предложенный вами общий обработчик и изменил конечную точку на имя файла обработчика, но он все еще не работает. При отладке с помощью Firebug я теперь получаю сообщение об ошибке: [FineUploader] Обработка 1 файлов или входных данных... [FineUploader] Отправка запроса на загрузку для 0 [FineUploader] xhr — ответ сервера получен для 0 Ошибка HTTP 404 — не найдено. Похоже, он не может найти обработчик. - person Farsen; 15.01.2013
comment
Убедитесь, что имя обработчика указано правильно. Также, если у вас есть имя виртуального каталога в URL-адресе, убедитесь, что вы его указали. Вы можете использовать метод ResolveUrl, чтобы правильно указать путь к обработчику: endpoint: '<%= ResolveUrl("~/uploadhandler.ashx") %>'. - person Darin Dimitrov; 15.01.2013