.Net Core Web API 上傳圖片或文件

1.dotnet Core 這里使用 List<IFormFile> 作為接收參數 進行接收文件

        /// <summary>
        /// 上傳文件
        /// </summary>
        /// <param name="files">文件流</param>
        /// <returns></returns>
        [HttpPost]
        public OkObjectResult FileSave(List<IFormFile> files)
        {

            if (files.Count < 1)
            {
                return Ok("空文件");
            }
            //返回的文件地址
            List<string> filenames = new List<string>();
            DateTime now = DateTime.Now;
            //文件存儲路徑
            string filePath = string.Format("/Uploads/{0}/{1}/{2}/", now.ToString("yyyy"), now.ToString("yyyyMM"), now.ToString("yyyyMMdd"));
            //獲取當前web目錄
            var webRootPath = "File/"; ;
            if (!Directory.Exists(webRootPath + filePath))
            {
                Directory.CreateDirectory(webRootPath + filePath);
            }
            try
            {
                foreach (var item in files)
                {
                    if (item != null)
                    {
                        #region  圖片文件的條件判斷
                        //文件后綴
                        string fileExtension = Path.GetExtension(item.FileName);

                        //判斷后綴是否是圖片
                        const string fileFilt = ".gif|.jpg|.jpeg|.png";
                        if (fileExtension == null)
                        {
                            break;
                            //return Error("上傳的文件沒有后綴");
                        }
                        if (fileFilt.IndexOf(fileExtension.ToLower(), StringComparison.Ordinal) <= -1)
                        {
                            break;
                            //return Error("請上傳jpg、png、gif格式的圖片");
                        }

                        //判斷文件大小    
                        long length = item.Length;
                        if (length > 1024 * 1024 * 2) //2M
                        {
                            break;
                            //return Error("上傳的文件不能大於2M");
                        }

                        #endregion

                        string strDateTime = DateTime.Now.ToString("yyMMddhhmmssfff"); //取得時間字符串
                        string strRan = Convert.ToString(new Random().Next(100, 999)); //生成三位隨機數
                        string saveName = strDateTime + strRan + fileExtension;

                        //插入圖片數據                 
                        using (FileStream fs = System.IO.File.Create(webRootPath + filePath + saveName))
                        {
                            item.CopyTo(fs);
                            fs.Flush();
                        }
                        filenames.Add(filePath + saveName);
                    }
                }
                return Ok(filenames);
            }
            catch (Exception ex)
            {
                //這邊增加日志，記錄錯誤的原因
                //ex.ToString();
                return Ok("上傳失敗");
            }
        }

2.前端使用FormData接收文件JS內容，這里采用的是form表單提交的方式，引入兩個(jquery.js ,form.js)文件

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js" integrity="sha384-FzT3vTVGXqf7wRfy8k4BiyzvbNfeYjK+frTVqZeNDFl8woCbF0CYG6g2fMEFFo/i" crossorigin="anonymous"></script>

 1.HTML 內容

<h1>通過form表單提交</h1>
<form id="myform" name="myform" method="post" enctype="multipart/form-data" 
                    action="https://localhost:44376/Upload/FormImg">
    <input type="file" name="files" id="files" value="選擇需要上傳的文件" multiple />
    <input type="button" id="submitbtn" value="提交" onclick="uplpadfile()">
</form>

<script type="text/javascript">

　
　  //前端第一種提交方式
    function  uplpadfile(){
        //獲取表單的數據        
        var formdata
        var file = $("#files").get(0);
        var files = file.files;
        var formdata = new FormData();
        for (var i = 0; i < files.length; i++) {
            formdata.append("files", files[i]);
        }
                
        $.ajax({
            type:'Post',
            data:formdata,                        
            contentType: false,
            processData: false,
            url:"https://localhost:44398/api/WeatherForecast/FileSave",
            success:function(result){
                if (result.Success) {
                    var imglist =result.Data; 
                    for(var i in imglist){
                        $("#imglist").append('<img src="'+https://localhost:44398+imglist[i]+'"/>');
                    }                    
                }else{                    
                    alert('提交失敗,重新嘗試提交');
                }                            
            }
        })

        
    };