,net core mvc 文件上傳，coremvc

,net core mvc 文件上傳，coremvc

 工作用到文件上傳的功能，在這個分享下 ~~

Controller:         

public class PictureController : Controller
    {
        private IHostingEnvironment hostingEnv;

        public PictureController(IHostingEnvironment env)
        {
            this.hostingEnv = env;
        }
        // GET: /<controller>/
        public IActionResult Index()
        {
            return View();
        }
        public IActionResult UploadFiles()
        {
            return View();
        }
        [HttpPost]
        public IActionResult UploadFiles(IList<IFormFile> files)
        {
            long size = 0;
            foreach (var file in files)
            {
                var filename = ContentDispositionHeaderValue
                                .Parse(file.ContentDisposition)
                                .FileName
                                .Trim('"');
               //這個hostingEnv.WebRootPath就是要存的地址可以改下
                filename = hostingEnv.WebRootPath + $@"\{filename}";
                size += file.Length;
                using (FileStream fs = System.IO.File.Create(filename))
                {
                    file.CopyTo(fs);
                    fs.Flush();
                }
            }
            ViewBag.Message = $"{files.Count} file(s) /{ size}bytes uploaded successfully!";
             return View();
        }

    }

view:

<form asp-action="UploadFiles"
                  asp-controller="Picture"
                  method="post"
                  enctype="multipart/form-data">
                <input type="file" name="files" multiple />
                <input type="submit" value="Upload Selected Files" />
 </form>

文件是上傳到wwwroot目錄文件下的，這我也看不太懂還在學習，歡迎大家交流~~

----------------------------------------------------------------------------------------------------------

下面是jquery ajax方式上傳的

post方式的action的z參數沒用 因為只有一個post方式的會404錯誤所以又加了一個get的action

Controller:  

        public IActionResult UploadFilesAjax()
        {
            return View();
        }
        [HttpPost]
        public IActionResult UploadFilesAjax(string z)  
        {
            long size = 0;
            var files = Request.Form.Files;
            foreach (var file in files)
            {
                var filename = ContentDispositionHeaderValue
                                .Parse(file.ContentDisposition)
                                .FileName
                                .Trim('"');
                filename = @"C:\Users\lg.HL\Desktop" + $@"\{filename}";        
                size += file.Length;
                using (FileStream fs = System.IO.File.Create(filename))
                {
                    file.CopyTo(fs);
                    fs.Flush();
                }
            }
            string message = $"{files.Count} file(s) / { size}bytes uploaded successfully!";
                return Json(message);
        }

view

<form method="post" enctype="multipart/form-data">
            <input type="file" id="files"
                   name="files" multiple />
            <input type="button"
                   id="upload"
                   value="Upload Selected Files" />
 </form>

jquery

<script type="text/javascript">
        $(document).ready(function () {
            $("#upload").click(function (evt) {
                var fileUpload = $("#files").get(0);
                var files = fileUpload.files;
                var data = new FormData();
                for (var i = 0; i < files.length ; i++) {
                    data.append(files[i].name, files[i]);
                }
                $.ajax({
                    type: "POST",
                    url: "/Picture/UploadFilesAjax",
                    contentType: false,
                    processData: false,
                    data: data,
                    success: function (message) {
                        alert(message);
                    },
                    error: function () {
                        alert("There was error uploading files!");
                    }
                });
            });
        });
</script>

歡迎大家交流~ 

文章參考網址http://www.binaryintellect.net/articles/f1cee257-378a-42c1-9f2f-075a3aed1d98.aspx    （要翻~牆）