小程序常用实用例子

拍照

//?选择照片

????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)
? ? ? ? ? ? }
? ? ? ? })

? ? },