拍照
// 选择照片
ChooseImage() {
wx.chooseImage({
count: 4, //默认9
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album'], //从相册选择
success: (res) => {
if (this.data.imgList.length != 0) {
this.setData({
imgList: this.data.imgList.concat(res.tempFilePaths)
})
} else {
this.setData({
imgList: res.tempFilePaths
})
}
}
});
},
页面
<view class="solids" bindtap="ChooseImage" wx:if="{{imgList.length<4}}">
<text class="cuIcon-cameraadd"></text>
</view>
照片预览
<view class="bg-img" wx:for="{{imgList}}" wx:key="index" bindtap="ViewImage" data-url="{{imgList[index]}}">
<image src='{{imgList[index]}}' mode='aspectFill'></image>
<view class="cu-tag bg-red" catchtap="DelImg" data-index="{{index}}">
<text class="cuIcon-close"></text>
</view>
</view>
// 预览照片
ViewImage(e) {
wx.previewImage({
urls: this.data.imgList,
current: e.currentTarget.dataset.url
});
},
// 打电话
CallPhone(e) {
console.log(e, e.currentTarget.dataset.phone)
let phoneNumber = e.currentTarget.dataset.phone
let showphone = e.currentTarget.dataset.showphone
wx.showModal({
title: '温馨提示',
content: `是否拨打${showphone}号码?`,
confirmText: '确定拨打',
confirmColor: '#0081ff',
cancelText: '取消',
cancelColor: '#acb5bd',
success: res => {
console.log(res)
if (res.confirm) {
wx.makePhoneCall({
phoneNumber: phoneNumber,
success: res => {
console.log(res)
},
fail: err => {
console.log(err)
}
})
}
},
fail: err => {
console.log(err)
}
})文章来源:https://www.toymoban.com/news/detail-771360.html
},文章来源地址https://www.toymoban.com/news/detail-771360.html
到了这里,关于小程序常用实用例子的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!