小程序模板網(wǎng)

.NET開發(fā)微信小程序-上傳圖片到服務(wù)器

發(fā)布時間:2018-04-23 11:23 所屬欄目:小程序開發(fā)教程

.NET開發(fā)微信小程序-上傳圖片到服務(wù)器

1.上傳圖片分為幾種:

 a:上傳圖片到本地(永久保存)

 b:上傳圖片到本地(臨時保存)

 c:上傳圖片到服務(wù)器

a和b在小程序的api文檔里面有。直接說C:上傳圖片到服務(wù)器

前端代碼:

 
/*
上傳圖片到服務(wù)器  wx.uploadFile
url:后臺上傳文件路徑地址
data:自定義參數(shù) {'userID':'0001'}
fileName:接收數(shù)據(jù)的參數(shù)名稱,后臺參數(shù)類型: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)
        }
      })
    }
  })
}
 

 后臺實現(xiàn)

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


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/23914.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢