国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序開發(fā)之從相冊(cè)獲取圖片 使用相機(jī)拍照 本地圖片上傳

2019-11-19 16:48:06
字體:
供稿:網(wǎng)友

今天遇到微信小程序的用戶頭像設(shè)置功能,做筆記.

先上gif:

再上代碼:

小demo,代碼很簡單.

1.index.wxml

<!--index.wxml--> <button style="margin:30rpx;" bindtap="chooseimage">獲取圖片</button> <image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx"/> 

2.index.js

//index.js //獲取應(yīng)用實(shí)例 var app = getApp() Page({  data: {   tempFilePaths: ''  },  onLoad: function () {  },  chooseimage: function () {   var _this = this;   wx.chooseImage({    count: 1, // 默認(rèn)9    sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認(rèn)二者都有    sourceType: ['album', 'camera'], // 可以指定來源是相冊(cè)還是相機(jī),默認(rèn)二者都有    success: function (res) {     // 返回選定照片的本地文件路徑列表,tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片     _this.setData({      tempFilePaths:res.tempFilePaths     })    }   })  } }) 

API 說明:

這里說說sourcetype.默認(rèn)是從相冊(cè)獲取和使用相機(jī)拍照,跟微信現(xiàn)在選擇圖片的界面一樣,第一格是拍照,后面的是相冊(cè)照片.

這里注意:返回的是圖片在本地的路徑.如果需要將圖片上傳到服務(wù)器,需要用到另一個(gè)API.

示例代碼:

wx.chooseImage({  success: function(res) {   var tempFilePaths = res.tempFilePaths   wx.uploadFile({    url: 'http://example.weixin.qq.com/upload', //僅為示例,非真實(shí)的接口地址    filePath: tempFilePaths[0],    name: 'file',    formData:{     'user': 'test'    },    success: function(res){     var data = res.data     //do something    }   })  } }) 

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持武林網(wǎng)!

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 宁都县| 平原县| 通山县| 祁连县| 东海县| 曲水县| 呼伦贝尔市| 双辽市| 烟台市| 昌平区| 永新县| 舞阳县| 饶阳县| 温州市| 武川县| 精河县| 长治县| 宁国市| 怀化市| 满洲里市| 龙里县| 墨江| 闽清县| 将乐县| 张掖市| 青州市| 宣汉县| 拉孜县| 文登市| 高安市| 公主岭市| 双鸭山市| 邹城市| 西吉县| 阳朔县| 恭城| 泉州市| 青冈县| 翼城县| 凤冈县| 新竹市|