WebApi接收微信小程序上传的图片并保存在服务器指定路径

最新推荐文章于 2025-06-23 17:27:52 发布

原创最新推荐文章于 2025-06-23 17:27:52 发布 · 1.2w 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #WebApi #文件流操作

.Net 知识碎片专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种小程序批量上传图片的优化方案，通过循环调用wx.UploadFile并利用MD5码确保图片不重复上传，节省服务器存储资源。后端通过生成唯一MD5码并检查图片是否存在来避免重复保存，同时将上传后的图片信息批量存入数据库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

找了好久都没找到合适的小程序批量上传图片的方法，最终还是只能循环上传，就自己扣了一个：
思路：

调用小程序上传图片接口后（API参考小程序开发文档，很详细），取到上传图片的集合，循环调用小程序wx.UploadFile方法,依次上传
后端取到文件之后生成唯一MD5码（相同的文件生成的MD5码是唯一的），然后取前两位后两位创建文件夹，保存图片前判断下图片是否存在。（这样一个完全相同的图片就不会被重复被保存在服务器上了）
把每次上传后端API接口返回的MD5和文件后缀名，以逗号分隔拼成字符串。所有的文件上传完成之后，请求APi接口，批量保存在数据库TB_File表中；
以后调用时通过生成MD5的逻辑截取路径取图片，我这里取的前两位后两位

Api代码：

[HttpPost]
        public IHttpActionResult SaveImages2()
        {
            HttpPostedFile file = HttpContext.Current.Request.Files["file"];//接收
            string ext = Path.GetExtension(file.FileName);//文件后缀名
            Stream s = file.InputStream;//文件流
            MD5 md5 = new MD5CryptoServiceProvider();
            byte[] retVal = md5.ComputeHash(s);
            StringBuilder sb = new StringBuilder();
            for (int i = 0; i < retVal.Length; i++)
            {
                sb.Append(retVal[i].ToString("x2"));
            }
            string md5Res = sb.ToString();//上面的代码是为了生成文件唯一的MD5码
            string path = md5Res .Substring(0, 2);
            string path1=md5Res .Substring(md5Res .Length - 2, 2)//取MD5的前两位和后两位生成文件夹，把图片存在后两位的文件夹内
            string fileSaveLocation = $"E:\\CoolSchoolImages\\{path}\\{path1}\\{md5Res }.jpg";.//文件最终保存路径
            if (!File.Exists(fileSaveLocation))//判断文件是否存在
            {//若不存在
                Directory.CreateDirectory($"E:\\CoolSchoolImages\\{path}\\{path1}");//这个方法创建文件夹的时候如果文件夹存在的话就不会创建了，所以不管文件有没有都调用一下，省得写那么多判断
                file.SaveAs(fileSaveLocation);保存文件
            }
            return Ok(md5Res +ext);返回MD5码，用于后面保存在数据库
        }

小程序部分代码
这里的imgUrls是选择的图片数组，后面把返回的文件名加逗号拼接成了字符串，用于后面保存到数据库
在这里插入图片描述