layui上传文件到其他服务器,后端：Layui实现文件上传功能

今天给大家分享采用AspNet MVC+前端框架LayUi实现文件上传功能，感兴趣的朋友可以学习一下。

文件上传实体(UploadFile.cs)

public class UploadFile

{

public int code { get; set; }   //请求code

public string msg { get; set; } // 请求消息

public string src { get; set; } //文件路径

public string filename { get; set; } //原始文件名

}

前端代码(Upload.cshtml)：

@{

Layout = null;

}

html>

文件上传示例

rel="stylesheet" />

style="width: auto;">

class="layui-btn layui-btn-primary" id="btnUpload">

上传附件

src="" alt="">

文件名称操作

layui.use(["upload"], function () {

var upload = layui.upload;

var $ = layui.$;

upload.render({

elem: '#btnUpload',

url: '/Upload/UploadFile',

size: '2048',//文件大小2M

exts: 'png|gif|jpg|jpeg|zip|rar',//文件扩展名

done: function (res) {

if (res.code == 0) {

$("#imgPhoto").attr("src", res.src);

$("#uploadList").append("

" +

res.filename + "

href='" + res.src + "'>查看

");

}

}

});

});

控制器代码(UploadController.cs)

// 上传视图

public ActionResult Upload()

{

return View();

}

// 上传逻辑

public JsonResult UploadFile()

{

UploadFile uploadFile = new UploadFile();

try

{

var file = Request.Files[0]; //获取选中文件

var filecombin = file.FileName.Split('.');

if (file == null || string.IsNullOrEmpty(

file.FileName) || file.ContentLength == 0 ||

filecombin.Length < 2)

{

uploadFile.code = -1;

uploadFile.src = "";

uploadFile.msg = "上传失败!请检查文件";

return Json(uploadFile,

JsonRequestBehavior.AllowGet);

}

//定义本地路径位置

string localPath = Server.MapPath("~/Upload");

string filePathName = string.Empty; //最终文件名

string dateStr = DateTime.Now.

ToString("yyyyMMddHHmmss");

filePathName = dateStr + "." + filecombin[1];

//Upload不存在则创建文件夹

if (!System.IO.Directory.Exists(localPath))

{

System.IO.Directory.CreateDirectory(localPath);

}

//保存图片

file.SaveAs(Path.Combine(localPath, filePathName));

uploadFile.code = 0;

uploadFile.filename = filecombin[1];

uploadFile.src = Path.Combine("/Upload/",

filePathName);

uploadFile.msg = "上传成功";

return Json(uploadFile,

JsonRequestBehavior.AllowGet);

}

catch (Exception)

{

uploadFile.code = -1;

uploadFile.src = "";

uploadFile.msg = "上传失败!";

return Json(uploadFile,

JsonRequestBehavior.AllowGet);

}

}

IT技术分享社区