.net core 3.1 webapi后端接收钉钉小程序post的文件/图片

合集 - .net core随笔(13)

1.netcore3.0 webapi集成Swagger 5.02019-11-062.DingTalk钉钉消息推送（.net core 3 WebApi尝鲜记）2019-11-07

3..net core 3.1 webapi后端接收钉钉小程序post的文件/图片2020-02-26

4.asp.net core 3.1 webapi FileContentResult 2020-02-055.一次asp.net core3.1打造webapi开发框架的实践2020-01-166..net core3.1项目在centos7.6上部署经验2020-01-097.ZR.Admin小改和VUE3版本体验2023-04-118.我的微服务之路，看我搭建dapr趟过的坑2021-08-249.42岁大龄程序员的迷茫，看我最新尝鲜.net 5+Dapper搭建的WebAPI框架2021-08-2110.Kestrel服务器ASP.NetCore 3.1程序启用SSL2020-03-3011.Asp.Net Core 下 Newtonsoft.Json 转换字符串 null 替换成string.Empty(转)2020-03-2812.ApiResult-WebAPI开发统一返回值对象的演化（.net core版） 2020-03-2513.体验.net core 3.1 socket2020-03-10

收起

世上本没路；走的人多了，便成了路。

dd.uploadFile({
  url: '请使用自己服务器地址',
  fileType: 'image',
  fileName: 'file',
  filePath: '...',
  success: (res) => {
    dd.alert({
      content: '上传成功'
    });
  },
});

这就是官网上的例子，没有后端的。但是我猜这是用"Form"进行post提交的，那脑补后端可以在post请求的boby里获取这个文件。以下是成功的后端代码：

 /// <summary>
        /// 用户上传头像
        /// </summary>
        /// <param name="formCollection">Boby</param>
        /// <param name="userid">userid</param>
        /// <returns></returns>
        [HttpPost, Route("postPhotoImage")]
        public StatusCodeResult UserPostPhotoImage([FromForm] IFormCollection formCollection, string userid)
        {
            if (formCollection.Files.Count > 0)
            {
                var emp = JsonConvert.DeserializeObject<EmployeeDTO>(GetEmployeeInfo(userid));
                string photo_path = @"C:\apache-tomcat-7.0.90\webapps\default\employeesProfilePicture\";
                string photo_file = photo_path + emp.jobnumber + ".jpg";
                if (System.IO.File.Exists(photo_file))
                    System.IO.File.Delete(photo_file);
                try
                {
                    #region 存储文件
                    using (FileStream fs = System.IO.File.Create(photo_file))
                    {
                        var file = formCollection.Files[0];
                        file.CopyTo(fs);
                        int photo_width = 125;
                        int photo_height = 184;
                        Image img = ZoomImage(Image.FromStream(fs), photo_height, photo_width);
                        using (MemoryStream msResult = new MemoryStream())
                        {
                            Image resultImgage = new Bitmap(photo_width, photo_height);
                            Graphics g = Graphics.FromImage(resultImgage);
                            g.CompositingQuality = System.Drawing.Drawing2D.CompositingQuality.HighQuality;
                            g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
                            g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;
                            g.Clear(Color.White);
                            g.DrawImage(img, new RectangleF(0, 0, photo_width, photo_height));
                            resultImgage.Save(msResult, ImageFormat.Png);
                            byte[] buffer = new byte[msResult.Length];
                            msResult.Seek(0, SeekOrigin.Begin);
                            msResult.Read(buffer, 0, buffer.Length);
                            msResult.Close();
                            fs.Write(buffer, 0, buffer.Length);
                        }
                        fs.Flush();
                        Console.WriteLine(Environment.NewLine + "=========================*===========================");
                        Console.WriteLine(DateTime.Now + "->:Upload Photo,FileName:" + fs.Name);
                        Console.WriteLine("=========================*===========================" + Environment.NewLine);
                    }
                    #endregion
                    return Ok();
                }
                catch (Exception)
                {
                    return BadRequest();
                }
            }
            else
                return BadRequest();
        }

大伙需要注意[FromForm]标记，[FromBoby]是获取不到的！

 

let debug_domain='http://cquni.vaiwan.com:8771/api/ECard';
let domain ="http://218.?.?.?:8771/api/ECard";
let post_url=domain+'/postPhotoImage';
let photo_path='';
let current_user='';

Page({
  data: {
     src: ''
  },
  onLoad(query) { 
    current_user=query.userid;
  },
  photoselect(event){  
    let that = this; 
    dd.chooseImage({
      count: 1,
      success: (res) => {
        photo_path=res.filePaths[0];
        that.setData({ 
          src:res.filePaths[0]
        });  
      },
    });
  },
  postimage(event){   
    const file_url = post_url+'?userid='+current_user;  
    if (photo_path==''){
      dd.alert({
        title:'出错啦！',
        content: '请先选取或拍摄照片！预览满意后再提交上传。',
        buttonText:'我晓得了'
      });
      return;
    }
    //dd.alert({content:file_url});
    dd.uploadFile({
          url: file_url,
          fileType: 'image',
          fileName: 'employee_photo',
          filePath: photo_path,
          success: (res) => {
            dd.alert({
              title:'恭喜',
              content: '操作成功，头像已上传！',
              buttonText:'我晓得了'
            });
          },
    });    
  }
});