Asp.net mvc 如何在ASP.NETMVC网站中使用jQuery/AJAX上传图像?

Asp.net mvc 如何在ASP.NETMVC网站中使用jQuery/AJAX上传图像?,asp.net-mvc,jquery,file-upload,image-uploading,Asp.net Mvc,Jquery,File Upload,Image Uploading,我正试图找到一种体面的方式,允许用户在编辑个人资料页面上传个人资料照片 我已经试过了,但在最近发布的一些谷歌Chrome浏览器中,这似乎不起作用 理想情况下,我只想让用户能够通过一个简单的上传按钮(最好是ajax)将占位符配置文件图像替换为自己的图像,并在图像上传后显示一个“删除”按钮以删除上传的照片并重新恢复默认占位符图像 是否有其他替代方案可以在所有主要浏览器中很好地发挥作用并轻松集成到MVC应用程序中?仅使用HTML 5通过jQuery上传,但并非所有浏览器都能做到这一点 你可以这样做 你

我正试图找到一种体面的方式,允许用户在编辑个人资料页面上传个人资料照片

我已经试过了,但在最近发布的一些谷歌Chrome浏览器中,这似乎不起作用

理想情况下,我只想让用户能够通过一个简单的上传按钮(最好是ajax)将占位符配置文件图像替换为自己的图像,并在图像上传后显示一个“删除”按钮以删除上传的照片并重新恢复默认占位符图像


是否有其他替代方案可以在所有主要浏览器中很好地发挥作用并轻松集成到MVC应用程序中?

仅使用HTML 5通过jQuery上传,但并非所有浏览器都能做到这一点

你可以这样做

你需要有一个IFRAME,它将用来制作带有文件的文章

像这样:

<iframe id="targetUpload" name="targetUpload"></iframe>
<form target="targetUpload" name="file" runat="server" method="post" id="file" enctype="multipart/form-data" action="@Url.Content("~/Controller/Upload")">
<input type="Submit" value="Upload">
public ActionResult Upload(HttpPostedFileBase file)
        {
            if (file != null && file.ContentLength > 0)
            {
                //Save the file in the server path
                string savePath = Server.MapPath("~/Upload/");
                string fileName = file.FileName;
                savePath += fileName;
                file.SaveAs(savePath);
            }
          return RedirectToAction("Index");
        }