如何为多个文件上载控件提供一个Ajax FileHandler.ashx

Question

我正在使用文件上传功能。我有两种类型的图像和一种不同位置的html上传类型。

例如，

1. 我有一个家庭图片上传控件，用于保存/ Home文件夹中某处的所有文件

2. 我有一个Office图片上传控件，用于保存/ Office文件夹中某处的所有文件

3. 如果我有html文件上传控件，那么我想将所有页面放在Html文件夹的某个地方

       

所以为此，

$("#imgHomePicture").fileupload({
    url: 'AjaxFileHandler.ashx',
    dataType: 'json',
    cache: false,
    async: true,
}).on('fileuploadadd', function (e, data) {
    e.preventDefault();
}).on('fileuploaddone', function (e, data) {
    alet("upload done");
    e.preventDefault();
}).on('fileuploadprogress', function (e, data) {
    var percentVal = '0%';
    var percentVal = parseInt(data.loaded / data.total * 100, 10);
    $('.bar').css(
        'width',
        percentVal + '%'
    );
    $('.percent').html(percentVal + '%');
}).on('fileuploadcomplete', function (e, data) {
    alert("Upload complete");
});

$("#imgOfficePicture").fileupload({
    url: 'AjaxFileHandler.ashx',
    dataType: 'json',
    cache: false,
    async: true,
......

$("#htmlUpload").fileupload({
    url: 'AjaxFileHandler.ashx',
    dataType: 'json',
    cache: false,
    async: true,

.....

C＃代码：

public class AjaxFileHandler : IHttpHandler, IRequiresSessionState
{
    public void ProcessRequest(HttpContext context)
    {
        // here I want to know that, the request coming from Home /office or html file upload, based on this I can create the path and save file.
    }
}
}