扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章给大家分享的是有关layui中上传文件与数据表格的问题有哪些的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
layui是一款我比较喜欢的框架，它的界面风格和颜色搭配都是让人比较舒服的，所以我非常喜欢使用layui。
接下来就是在工作中使用layui遇到了一些比较细节的问题：
第一：layui上传文件的问题，
第二：layui 表格的问题。
首先第一个问题，就是layui上传文件的问题，首先我们来看layui是如何上传文件的：
function UpdateFile() { layui.use('upload', function () { var upload = layui.upload; //执行实例 var uploadInst = upload.render({ elem: '#upload' //绑定元素 , url: '/ExcelTemplate'//上传接口 , method: 'POST' , type: "file" , accept: 'file' , before: function (obj) { layer.load(); //上传loading } , done: function (res) { //上传完毕回调 if (res) { layer.closeAll('loading'); var d = dialog({ title: '提示', content: '上传模板成功', width: 200, ok: function () { self.location.reload(); }, }); d.show(); } else { layer.closeAll('loading'); var d = dialog({ title: '提示', content: '上传模板失败', width: 200, ok: function () { }, }); d.show(); } } , error: function () { layer.closeAll('loading'); } }); }); }当然你需要在你的页面上定义一个按钮，然后触发点击事件，elem: '#upload' 就是用来与你的上传按钮做绑定了，接下来就是文件类型还有用post来传输。
然后我们需要在后台用一个参数去接收文件。
[HttpPost("")] public IActionResult UploadTemplate(IFormFile file) { long dateTime = DateTime.Now.ToFileTimeUtc(); string[] template = file.FileName.Split(new char[] { '\\' }, StringSplitOptions.RemoveEmptyEntries); string fileName = Path.Combine(hostingEnvironment.WebRootPath, "Upload", "ExcelTemplate", dateTime + "_" + template[template.Length - 1]); if (System.IO.File.Exists(fileName)) { System.IO.File.Delete(fileName); } try { using (FileStream fs = new FileStream(fileName, FileMode.Create)) { file.CopyTo(fs); fs.Flush(); return Ok(true); } } catch (Exception) { return BadRequest("上传模板失败！"); } }这里是用IFormFile 去接收文件，参数名好是file，然后对文件进行操作，那么上传的文件要怎么才能下载呢，如下：