您现在的位置是:网站首页> 编程资料编程资料

.Net Core使用layui多文件上传_实用技巧_

2023-05-24 325人已围观

简介 .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了

上图

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

-六神源码网