.net使用Easyui+MVC进行图片上传的实现

最新推荐文章于 2021-09-24 23:04:38 发布

Mr.F阿

最新推荐文章于 2021-09-24 23:04:38 发布

阅读量4.7k

点赞数

分类专栏： ASP.NET与C# 文章标签： mvc .net easyui 图片上传 form表单

本文链接：https://blog.csdn.net/shenyou_fu/article/details/75502686

版权

本文介绍了如何结合Easyui和ASP.NET MVC实现图片上传功能，包括单张和多张图片上传，以及图片的异步预览。通过在前端表单中添加上传组件，后台处理文件上传并保存文件名和后缀到数据库。同时，文章提供了相关代码示例，并强调了表单提交时的注意事项，如添加特定属性以确保文件能够正确上传。

摘要由CSDN通过智能技术生成

图片上传使用的是Easyui+MVC,用from表单进行提交,并将图片名称和后缀提交到数据库。有一些功能可能不够完善，欢迎进行补充。
先上效果图
这里写图片描述

下边直接上代码：
（1）先在要提交的表单中添加上传框，再加一个图片显示，可以让他在添加的时候进预览。

 <input id="tj" type="file" value="选择照片" name="imgs" />
 <img id="tt" src="../Images/aaa.jpg" style='width:60px; height:60px' />

（2）在后台添加文件传输到服务器的代码

单张图片上传
HttpFileCollectionBase files = Request.Files;
HttpPostedFileBase file = files["img"];
//获取文件后缀名
string extName = Path.GetExtension(file.FileName).ToLower();
if(extName!=".jpg"||extName!=".gif"||extName!=".bmp"||extName!=".png")
{
       string ls = "上传了不被识别的格式，请重新上传";
       return null;
}
       //获取保存目录的物理路径
       string path = Server.MapPath("~/Img/");
       //生成新文件的名称，guid保证某一时刻内唯一的（保证了文件不会被覆盖）
       string fileNewName = System.Guid.New