wx.chooseImage()
上傳圖片接口哥力,從本地相冊選擇圖片或使用相機(jī)拍照。
內(nèi)置了幾個(gè)屬性
- count 最多可以選擇的圖片張數(shù)墩弯,默認(rèn)9
- sizeType original 原圖吩跋,compressed 壓縮圖,默認(rèn)二者都有
- sourceType album 從相冊選圖渔工,camera 使用相機(jī)锌钮,默認(rèn)二者都有
- success 成功則返回圖片的本地文件路徑列表 tempFilePaths
- fail 接口調(diào)用失敗的回調(diào)函數(shù)
- complete接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會(huì)執(zhí)行)
wx.chooseImage({
count: 1, // 默認(rèn)9
sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖引矩,默認(rèn)二者都有
sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機(jī)梁丘,默認(rèn)二者都有
success: function (res) { // 返回選定照片的本地文件路徑列表侵浸,
tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片
var tempFilePaths = res.tempFilePaths
}
})
wx.previewImag()
預(yù)覽圖片
- current 當(dāng)前顯示圖片的鏈接,不填則默認(rèn)為 urls 的第一張
- urls 需要預(yù)覽的圖片鏈接列表
- success 接口調(diào)用成功的回調(diào)函數(shù)
- fail 接口調(diào)用失敗的回調(diào)函數(shù)
- complete 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功兰吟、失敗都會(huì)執(zhí)行)
wx.previewImage({
current: '', // 當(dāng)前顯示圖片的http鏈接
urls: [] // 需要預(yù)覽的圖片http鏈接列表
})
wx.getImageInfo()
獲取圖片信息
- src 圖片的路徑通惫,可以是相對路徑,臨時(shí)文件路徑混蔼,存儲(chǔ)文件路徑履腋,網(wǎng)絡(luò)圖片路徑
- success 接口調(diào)用成功的回調(diào)函數(shù)
- width 圖片寬度,單位px
- height 圖片高度 單位px
- fail 接口調(diào)用失敗的回調(diào)函數(shù)
- complete 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功惭嚣、失敗都會(huì)執(zhí)行)
wx.getImageInfo({
src: 'images/a.jpg',
success: function (res) { console.log(res.width)
console.log(res.height)
}
})
wx.chooseImage({
success: function (res) {
wx.getImageInfo({
src: res.tempFilePaths[0],
success: function (res) {
console.log(res.width)
console.log(res.height)
}
})
}
})