小程序常用实用例子

拍照

// 选择照片

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

    },