如何将图像发送到特定文件夹？

Question

我有一个输入元素，它选择如下图像：

HTML 代码

<input type="file"  id="uploadEditorImage"  />

Javascript 代码

$("#uploadEditorImage").change(function () {
var data = new FormData();
var files = $("#uploadEditorImage").get(0).files;
if (files.length > 0) {
    data.append("HelpSectionImages", files[0]);
}
$.ajax({
    url: resolveUrl("~/Admin/HelpSection/AddTextEditorImage/"),
    type:"POST",
    processData: false,
    contentType: false,
    data: data,
    success: function (response) {
       //code after success

    },
    error: function (er) {
        alert(er);
    }

});

MVC 控制器中的代码

if (System.Web.HttpContext.Current.Request.Files.AllKeys.Any())
    {
        var pic = System.Web.HttpContext.Current.Request.Files["HelpSectionImages"];
    }

我想将所选图像保存在特定文件夹中，例如 C\Temp。我该怎么做呢？请帮忙。

谢谢。

Answer 1

在您的 html 中：

 <input type="file" id="FileUpload1" />

脚本：

 $(document).ready(function () {
        $('#FileUpload1').change(function () {

            // Checking whether FormData is available in browser
            if (window.FormData !== undefined) {
                var data = new FormData();
                var files = $("#FileUpload1").get(0).files;
                console.log(files);
                if (files.length > 0) {
                    data.append("HelpSectionImages", files[0]);
                }
                $.ajax({
                    url: '/Home/UploadFiles',
                    type: "POST",
                    contentType: false, // Not to set any content header
                    processData: false, // Not to process data
                    data: data,
                    success: function (result) {
                        alert(result);
                    },
                    error: function (err) {
                        alert(err.statusText);
                    }
                });
            } else {
                alert("FormData is not supported.");
            }
        });
    });

和后端：

  [HttpPost]
    public ActionResult UploadFiles()
    {
        // Checking no of files injected in Request object  
        if (Request.Files.Count > 0)
        {
            try
            {
                //  Get all files from Request object  
                HttpFileCollectionBase files = Request.Files;
                for (int i = 0; i < files.Count; i++)
                {
                    //string path = AppDomain.CurrentDomain.BaseDirectory + "Uploads/";  
                    //string filename = Path.GetFileName(Request.Files[i].FileName);  

                    HttpPostedFileBase file = files[i];
                    string fname;

                    // Checking for Internet Explorer  
                    if (Request.Browser.Browser.ToUpper() == "IE" || Request.Browser.Browser.ToUpper() == "INTERNETEXPLORER")
                    {
                        string[] testfiles = file.FileName.Split(new char[] { '\\' });
                        fname = testfiles[testfiles.Length - 1];
                    }
                    else
                    {
                        fname = file.FileName;
                    }

                    // Get the complete folder path and store the file inside it.  
                    fname = Path.Combine(Server.MapPath("~/Content/"), fname);
                    file.SaveAs(fname);
                }
                // Returns message that successfully uploaded  
                return Json("File Uploaded Successfully!");
            }
            catch (Exception ex)
            {
                return Json("Error occurred. Error details: " + ex.Message);
            }
        }
        else
        {
            return Json("No files selected.");
        }
    }