.NET开发微信小程序-上传图片到服务器

最新推荐文章于 2024-03-16 19:27:13 发布

weixin_30435261

最新推荐文章于 2024-03-16 19:27:13 发布

阅读量999

点赞数

CC 4.0 BY-SA版权

文章标签： c# 后端数据库

原文链接：http://www.cnblogs.com/wangbin0582/p/7338819.html

本文介绍了一种使用微信小程序上传图片到服务器的方法。包括前端选择图片、上传图片的代码实现及后端对接收的图片数据流进行处理保存的过程。

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

1.上传图片分为几种:

a:上传图片到本地（永久保存）

b:上传图片到本地（临时保存）

c:上传图片到服务器

a和b在小程序的api文档里面有。直接说C：上传图片到服务器

前端代码：

/*
上传图片到服务器  wx.uploadFile
url:后台上传文件路径地址
data:自定义参数 {'userID':'0001'}
fileName:接收数据的参数名称,后台参数类型：System.Web.HttpPostedFileWrapper
CallBack：返回路径
暂时fileName方法传的是：file
*/
function UploadImage(url,data,fileName,CallBack)
{
  wx.chooseImage({
    success: function (res) {
      var tempFilePaths = res.tempFilePaths
      wx.showLoading({ title: '正在上传', mask: true})
      wx.uploadFile({
        url: url,
        filePath: tempFilePaths[0],//临时路径
        name: fileName,
        formData: data,
        success: function (res) {
          var data = res.data
          wx.hideLoading()
          CallBack(data)
        }
      })
    }
  })
}

后台实现

/// <summary>
        /// 上传图片
        /// </summary>
        /// <param name="file"></param>
        /// <param name="userID"></param>
        /// <returns></returns>
        public string UploadImage(HttpPostedFileWrapper file, string userID)
        {
            var msg= bll.UploadImage(file.InputStream, userID);
            var result = new ReturnResult<string>(msg);
            return result.Serialize();
        }

file参数里面就是数据流的信息,可自行获取之后进行保存。

转载于:https://www.cnblogs.com/wangbin0582/p/7338819.html