C#-图片上传

 1  public JsonResult ExpressDeliverySign(ExpressDeliverySign_LO_IP model)
 2         {
 3             HttpFileCollectionBase files = Request.Files;
 4             if (files != null && files.Count > 8)
 5                 return Json(new RetMsgM() { Success = false, Message = "限制最多上传八张图片" });
 6 
 7             List list = new List();
 8             if (files != null && files.Count > 0)
 9             {
10                 for (int i = 0; i )
11                 {
12                     //检查文件类型
13                     HttpPostedFileBase file = files[i];
14                     if (!UploadImageType.Contains(Path.GetExtension(file.FileName.ToString()).ToLower()))
15                     {
16                         return Json(new RetMsgM() { Success = false, Message = "图片上传失败[不支持上传的文件类型]" });
17                     }
18                     if (file.ContentLength > 10 * 1024 * 1024)
19                     {
20                         return Json(new RetMsgM { Success = false, Message = "上传图片限制10M" });
21                     }
22                     list.Add(files[i]);
23                 }
24             }
25             return Json(_freightService.ExpressDeliverySign(model, list, UserInfo.UserID));
26         }
27         #endregion
28     }

 1  public RetMsgM ExpressDeliverySign(ExpressDeliverySign_LO_IP model, List files, int userId)
 2         {
 3             //存在图片文件，进行图片上传
 4             List lstPicture = new List();
 5             #region 图片处理
 6             if (files.Any())
 7             {
 8                 //1.上传图片
 9                 UploadImageService uploadService = new UploadImageService();
10                 var resultPic = uploadService.UploadImage(files);
11                 if (!resultPic.Success)
12                     return retMsg.ExceptionResult("图片上传保存失败！");
13 
14                 //图片地址
15                 var imageUrlList = resultPic.Custom as Liststring>;
16                 imageUrlList.ForEach(it =>
17                 {
18                     lstPicture.Add(new PicturePO()
19                     {
20                         PictureType = (int)PictureTypeEnum.ExpressSign,
21                         OrderID = freightOrderInfo.FreightOrderID,
22                         URL = it,
23                         PlantType = PlantTypeEnum.PC.GetHashCode(),
24                         CreateBy = userId,
25                         CreateDate = DateTime.Now
26                     });
27                 });
28             }
29             #endregion
30 
31             try
32             {
33                 if (new TMSFreightOrderManager().ExpressDeliverySign(lstPicture))
34                     retMsg = retMsg.SuccessResult();
35             }
36             catch (Exception ex)
37             {
38                 Tools.LogManager.Error(ex);
39                 retMsg = retMsg.ExceptionResult(ex.Message);
40             }
41             return retMsg;
42 
43         }

1   div class="form-group">
2                         label class="control-label">上传图片：label>
3                         div class="input-group input-group-sm">
4                             button type="button" class="layui-btn" id="btnFirst">上传图片button>
5                             (span style="font-size: 10px; color: red;">限制最多上传四张span>)
6                             span id="ErrorMsg">span>
7                         div>
 div>

 1 layui.use(‘upload‘, function () {
 2             var $ = layui.jquery;
 3             var upload = layui.upload;
 4             var uploadInst = upload.render({
 5                 elem: ‘#btnFirst‘,
 6                 multiple: true,
 7                 auto: false,
 8                 accept: ‘file‘,
 9                 choose: function (obj) {
10                     uploadInst.config.elem.next()[0].value = ‘‘;
11                     $.upload.files = obj.pushFile();
12                     //var files = this.files = obj.pushFile();
13                     obj.preview(function (index, file, result) {
14 
15                         var imageUrl = result;
16                         $.upload.uploadImages.push(file.name);
17                         if ($.upload.uploadImages.length > 4) {
18                             //删除文件
19                             delete $.upload.files[index];
20                             //获取数组的下标
21                             var indexs = $.upload.uploadImages.indexOf(file.name);
22                             $.upload.uploadImages.splice(indexs, 1);
23                             $.msg.warning("限制最多上传四张图片！");
24                             return false;
25                         } else if (file.size > 10 * 1024 * 1024) {
26                             //删除文件
27                             delete $.upload.files[index];
28                             //获取数组的下标
29                             var indexs = $.upload.uploadImages.indexOf(file.name);
30                             $.upload.uploadImages.splice(indexs, 1);
31                             $.msg.warning("限制上传文件最大10M！");
32                             return false;
33                         } else {
34                             var divImageNum = "img" + $.upload.uploadImages.length;
35                             $("#uploadImage").append(`
36                         

37                             
38                                 
39                             
40                             42                         
`);
43                             var imgArrayUrl = $("#upload-list").val();
44                             if (imgArrayUrl == null || imgArrayUrl == "") {
45                                 $("#upload-list").val(file.name);
46                             } else {
47                                 $("#upload-list").val(imgArrayUrl + ";" + file.name);
48                             }
49                         }
50 
51                     })
52                 },
53                 done: function (data) {
54                 }
55                 , error: function () {
56                     var demoText = $(‘#ErrorMsg‘);
57                     demoText.html(‘上传失败‘);
58                 }
59             });
60         });