小程序模板网

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

发布时间:2018-04-23 11:23 所属栏目:小程序开发教程

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

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();
        }


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23914.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询