亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 課堂 > 小程序 > 正文

微信小程序實現圖片上傳功能

2020-03-21 16:17:16
字體:
來源:轉載
供稿:網友

本文實例為大家分享了微信小程序實現圖片上傳功能的具體代碼,供大家參考,具體內容如下

前端:微信開發者工具

后端:.Net

服務器:阿里云

這里介紹微信小程序如何實現上傳圖片到自己的服務器上

前端代碼

data: {  productInfo: {} }, //添加Banner bindChooiceProduct: function () {  var that = this;   wx.chooseImage({   count: 3, //最多可以選擇的圖片總數   sizeType: ['compressed'], // 可以指定是原圖還是壓縮圖,默認二者都有   sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機,默認二者都有   success: function (res) {    // 返回選定照片的本地文件路徑列表,tempFilePath可以作為img標簽的src屬性顯示圖片    var tempFilePaths = res.tempFilePaths;    //啟動上傳等待中...    wx.showToast({     title: '正在上傳...',     icon: 'loading',     mask: true,     duration: 10000    })    var uploadImgCount = 0;    for (var i = 0, h = tempFilePaths.length; i < h; i++) {     wx.uploadFile({      url: util.getClientSetting().domainName + '/home/uploadfilenew',      filePath: tempFilePaths[i],      name: 'uploadfile_ant',      formData: {       'imgIndex': i      },      header: {       "Content-Type": "multipart/form-data"      },      success: function (res) {       uploadImgCount++;       var data = JSON.parse(res.data);       //服務器返回格式: { "Catalog": "testFolder", "FileName": "1.jpg", "Url": "https://test.com/1.jpg" }       var productInfo = that.data.productInfo;       if (productInfo.bannerInfo == null) {        productInfo.bannerInfo = [];       }       productInfo.bannerInfo.push({        "catalog": data.Catalog,        "fileName": data.FileName,        "url": data.Url       });       that.setData({        productInfo: productInfo       });        //如果是最后一張,則隱藏等待中       if (uploadImgCount == tempFilePaths.length) {        wx.hideToast();       }      },      fail: function (res) {       wx.hideToast();       wx.showModal({        title: '錯誤提示',        content: '上傳圖片失敗',        showCancel: false,        success: function (res) { }       })      }     });    }   }  }); } 

后端上傳代碼(將文件上傳到服務器臨時文件夾內)

[HttpPost] public ContentResult UploadFileNew() {   UploadFileDTO model = new UploadFileDTO();   HttpPostedFileBase file = Request.Files["uploadfile_ant"];   if (file != null)   {     //公司編號+上傳日期文件主目錄     model.Catalog = DateTime.Now.ToString("yyyyMMdd");     model.ImgIndex = Convert.ToInt32(Request.Form["imgIndex"]);      //獲取文件后綴     string extensionName = System.IO.Path.GetExtension(file.FileName);      //文件名     model.FileName = System.Guid.NewGuid().ToString("N") + extensionName;      //保存文件路徑     string filePathName = System.IO.Path.Combine(CommonHelper.GetConfigValue("ImageAbsoluteFolderTemp"), model.Catalog);     if (!System.IO.Directory.Exists(filePathName))     {       System.IO.Directory.CreateDirectory(filePathName);     }     //相對路徑     string relativeUrl = CommonHelper.GetConfigValue("ImageRelativeFolderTemp");     file.SaveAs(System.IO.Path.Combine(filePathName, model.FileName));      //獲取臨時文件相對完整路徑     model.Url = System.IO.Path.Combine(relativeUrl, model.Catalog, model.FileName).Replace("//", "/");   }   return Content(Newtonsoft.Json.JsonConvert.SerializeObject(model)); } 
/// <summary> /// 上傳文件 返回數據模型 /// </summary> public class UploadFileDTO {   /// <summary>   /// 目錄名稱   /// </summary>   public string Catalog { set; get; }   /// <summary>   /// 文件名稱,包括擴展名   /// </summary>   public string FileName { set; get; }   /// <summary>   /// 瀏覽路徑   /// </summary>   public string Url { set; get; }   /// <summary>   /// 上傳的圖片編號(提供給前端判斷圖片是否全部上傳完)   /// </summary>   public int ImgIndex { get; set; } } 
#region 獲取配置文件Key對應Value值 /// <summary> /// 獲取配置文件Key對應Value值 /// </summary> /// <param name="key"></param> /// <returns></returns> public static string GetConfigValue(string key) {   return ConfigurationManager.AppSettings[key].ToString(); } #endregion

設置配置文件上傳文件對應的文件夾信息

<appSettings>  <!--圖片臨時文件夾 絕對路徑-->  <add key="ImageAbsoluteFolderTemp" value="D:/Images/temp" />  <!--圖片正式文件夾 絕對路徑-->  <add key="ImageAbsoluteFolderFinal" value="D:/Images/product" />   <!--圖片臨時文件夾 相對路徑-->  <add key="ImageRelativeFolderTemp" value="http://192.168.1.79:9009/temp"/>  <!--圖片正式文件夾 相對路徑-->  <add key="ImageRelativeFolderFinal" value="http://192.168.1.79:9009/product"/> </appSettings> 

PS:上傳到服務器的臨時文件夾內,當用戶點擊保存才把這些文件移動到正式目錄下。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产一区在线播放| 欧美高清性猛交| 欧美精品福利视频| 亚洲自拍偷拍福利| 91精品久久久久久久久不口人| 国产黑人绿帽在线第一区| 555www成人网| 日韩禁在线播放| 国内精品400部情侣激情| 91美女片黄在线观| 欧美日韩xxx| 红桃av永久久久| 日韩av网站大全| 精品亚洲国产视频| 九九热这里只有精品6| 国产精品久久精品| 欧美午夜丰满在线18影院| 国产精品海角社区在线观看| 亚洲视频一区二区三区| 亚洲欧洲国产一区| 亚洲一区亚洲二区亚洲三区| 日韩中文字幕国产| 亚洲精品久久久久久久久久久久| 久久久久久久亚洲精品| 国内精品视频久久| 在线观看亚洲区| 亚洲第一区在线观看| 国产精品专区h在线观看| 色狠狠久久aa北条麻妃| 91精品视频在线看| 国产精品手机播放| 91色中文字幕| 欧美性猛交xxxx免费看| 久久夜色精品国产| 欧美一级视频免费在线观看| 欧美午夜精品久久久久久人妖| 国产一区二区动漫| 中文字幕在线成人| 亚洲精品美女网站| 在线观看欧美成人| 欧美日韩成人在线观看| 人人澡人人澡人人看欧美| 中文字幕亚洲一区| 97视频在线观看播放| 在线视频欧美日韩精品| 国产精品a久久久久久| 国产精品自拍偷拍视频| 国产精品成人免费视频| 国产91九色视频| 黑人巨大精品欧美一区二区三区| 精品av在线播放| 亚洲视频自拍偷拍| 国产成人精品电影| 国产精品天天狠天天看| 少妇高潮 亚洲精品| 大荫蒂欧美视频另类xxxx| 亚洲精品国产综合区久久久久久久| 亚洲欧美日韩网| 欧美在线免费观看| 国产精品久久久久久中文字| 亚洲www在线观看| 国产精品久久91| 成人国产精品久久久久久亚洲| 成人黄色av播放免费| 久久精品国产欧美亚洲人人爽| 国产精品草莓在线免费观看| 2021国产精品视频| 欧美黄色www| 久久亚洲春色中文字幕| 日韩高清电影免费观看完整版| 91精品国产成人www| 91禁国产网站| 青青久久av北条麻妃黑人| 日韩精品中文字幕久久臀| 日本免费在线精品| 欧美午夜视频一区二区| xvideos国产精品| 国产美女主播一区| 久久精品久久久久电影| 国产女人精品视频| 欧美国产一区二区三区| 国产一区二区丝袜| 2019av中文字幕| 中日韩美女免费视频网址在线观看| 国产一区玩具在线观看| 午夜精品99久久免费| 国产午夜精品全部视频播放| 欧美电影免费观看高清完整| 成人在线中文字幕| 人人爽久久涩噜噜噜网站| 国产精品九九九| 亚洲激情在线观看视频免费| 亚洲深夜福利在线| 日韩精品视频免费专区在线播放| 国产美女扒开尿口久久久| 欧美裸体xxxx极品少妇软件| 亚洲第一福利在线观看| 51ⅴ精品国产91久久久久久| 国产午夜精品一区理论片飘花| 日韩av在线直播| 亚洲男人av电影| 久久九九全国免费精品观看| 亚洲免费伊人电影在线观看av| 欧美一区二区大胆人体摄影专业网站| 欧美激情一级精品国产| 亚洲精品wwww| 国产精品久久91| 久久艹在线视频| 日韩大片免费观看视频播放| 欧美自拍视频在线观看| 91久久综合亚洲鲁鲁五月天| 亚洲精品乱码久久久久久金桔影视| 久久久久久久网站| 色小说视频一区| 欧美插天视频在线播放| 国产综合福利在线| 国产精品永久免费在线| 国产精自产拍久久久久久蜜| 日本精品久久久久久久| 成人网在线免费观看| 国产精品欧美激情| 亚洲成人教育av| 国产精品一区专区欧美日韩| 久久久精品国产网站| 国产成人久久久精品一区| 亚洲欧美日韩在线一区| 日本不卡视频在线播放| 亚洲欧美国内爽妇网| 日韩av电影在线网| 国产免费一区二区三区在线能观看| 久久最新资源网| 97色在线视频| 日韩中文字幕亚洲| 欧美洲成人男女午夜视频| 久久久久久国产精品| 欧美性生交大片免网| 久久精品国产一区| 欧美精品免费播放| 亚洲国产精品va在线观看黑人| 日本午夜人人精品| 国产成人精品免高潮费视频| 亚洲国产精品免费| 91超碰中文字幕久久精品| 亚洲色图校园春色| 永久555www成人免费| 国产精品亚洲视频在线观看| 国产中文字幕亚洲| 国产亚洲人成a一在线v站| 97国产精品视频人人做人人爱| 欧美丝袜一区二区三区| 国产精品电影一区| 国产欧洲精品视频| 欧美高清第一页| 亚洲精品成a人在线观看| 大胆人体色综合| 国产精品日韩专区| 欧美日韩激情网| 热久久这里只有| 91av视频在线播放| 97超级碰在线看视频免费在线看| 国产精品爱久久久久久久| 国产精品美女视频网站| 成人久久精品视频| 日韩福利在线播放|