.Net Core使用layui多文件上传

本文实例为大家分享了.Net Core使用layui多文件上传功能的具体代码,供大家参考,具体内容如下

这段时间刚刚接触了.NET Core,工作要求,从0开始,给用户开发了一个小型的内部系统。用户提出需求,要求能实现多文件上传,上传不同位置的文件,可以删除。

找来找去还是layui的文件上传符合审美,不多废话上代码

1.前端页面

           
                                                                                                                                                         
File NameSizeStatusAction
     
 

script部分

到这里的话其实就是从官网copy下来的哈哈哈,接下来的就是重点啦

2.后端部分

这里是controller部分

public async Task UploadFiles(List file)
        {
            EditorDataResult editorResult = new EditorDataResult();
            foreach (var formFile in file)
            {
                if (formFile.Length > 0)
                {
                    FileInfo fi = new FileInfo(formFile.FileName);
                    string ext = fi.Extension;
                    var orgFileName = fi.Name;
                    var newFileName = Guid.NewGuid() + ext;
                    var uploads = Path.Combine(_hostingEnvironment.WebRootPath, "你想要上传到文件夹");
                    var filePath = Path.Combine(uploads, newFileName);
                    using (var stream = new FileStream(filePath, FileMode.Create))
                    {
                        await formFile.CopyToAsync(stream);
                    }
                    editorResult.code = 0;
                    }
                else
                {

                    editorResult.code = 1;
                }
            }
         JavaScriptSerializer jss = new JavaScriptSerializer();
     string data = jss.Serialize(editorResult);//转换为Json格式!
     return Json(data);
}

model部分 主要就是回调json数据给layui

namespace LayuiMvc.Common.Result
{
    public class EditorDataResult
    {
        public int code { get; set; }
        public string msg { get; set; }
        public Dictionary data { get; set; }
    }
}

到这边基本上文件上传已经done了

上图

.Net Core使用layui多文件上传_第1张图片

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(.Net Core使用layui多文件上传)