如何在ASP.NET MVC中执行图像的AjaxJQuery上传？

如何在ASP.NET MVC中执行图像的Ajax / JQuery上传？

我已经使用了这个jQuery插件几次。
我将上传按钮放在使用 PopupImageUploader* 元素的jQuery
UI模态对话框
中。 *

<div id="PopupImageUploader" title="Upload Image">    <div id="uploaderFile"></div></div>

和我的javascript构建 upladerFile 元素上的上载 器

function CreateImageUploader() {    var uploader = new qq.FileUploader({        element: $('#uploaderFile')[0],        template: '<div >' +        '<div ><span>Drop files here to upload</span></div>' +        '<div >Seleziona il Listino Excel</div>' +        '<ul ></ul>' +        '</div>',        hoverClass: 'ui-state-hover',        focusClass: 'ui-state-focus',        action: 'Home/UploadImage',        allowedExtensions: ['jpg', 'gif'],        params: { },        onSubmit: function(file, ext) { },        onComplete: function(id, fileName, responseJSON) { $("#PopupImageUploader").dialog('close'); }        }    });}

您可以使用 onComplete 事件来检查上传结果，并最终更新您的下拉列表。您的 UploadImage 动作可以接收在

params:{ }

属性中指定的额外参数。这是我的控制器：

    [HttpPost()]    public System.String UploadImage(string id)    {        bool IsIE = false;        string sFileName = "";        var TempFolder = Path.Combine(AppDomain.CurrentDomain.baseDirectory, "_TEMP");        if ((Request.Files == null) || (Request.Files.Count == 0))        { if (string.IsNullOrEmpty(Request.Params["qqfile"])) {     return ("{success:false, error:'request file is empty'}"); } else {     sFileName = Request.Params["qqfile"].ToString(); }        }        else        { sFileName = Request.Files[0].FileName; IsIE = true;        }        if (string.IsNullOrEmpty(sFileName))        { return ("{success:false, error:'request file is empty'}");        }        string documentName = id + Path.GetExtension(sFileName);        if (IsIE)        { try {     Request.Files[0].SaveAs(Path.Combine(TempFolder, documentName)); } catch (Exception ex) {     return ("{success:false, error:'" + ex.Message + "'}"); }        }        else        { try {     if ((Request.InputStream != null) && (Request.InputStream.CanRead) && (Request.InputStream.Length > 0))     {         using (FileStream fileStream = new FileStream(Path.Combine(TempFolder, documentName), FileMode.Create))         {  byte[] FileBytes = new byte[Convert.ToInt32(Request.InputStream.Length) + 1];  Int32 bytesRead = 0;  bytesRead = Request.InputStream.Read(FileBytes, 0, FileBytes.Length);  fileStream.Write(FileBytes, 0, bytesRead);  fileStream.Flush();  fileStream.Close();         }     } } catch (Exception ex) {     return ("{success:false, error:'" + ex.Message + "'}"); }        }        var newFileName = "new assigned filename";        return ("{success:true, newfilename: '" + newFileName + "'}");    }

IE具有不同的行为，因此我有两个不同的过程来读取文件。