• 小程序开发提升


    1.微信小程序API之图片选择与调用微信拍照

    wx.chooseImage选择图片(以下为主体代码)

    <view bindtap="bindViewTap" class="userinfo">
    <image class="userinfo-avatar" src="{{avatarUrl}}" background-size="cover"></image>
    <text class="userinfo-nickname">{{userInfo.nickName}}</text>
    </view>

    data: {
    motto: 'Hello World',
    userInfo: {},
    avatarUrl:'/image/logo.png'
    },
    //事件处理函数
    bindViewTap: function() {
    var that=this;
    wx.chooseImage({
    count: 1, // 默认9
    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
    success: function (res) {
    // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
    var tempFilePaths = res.tempFilePaths;
    console.log(tempFilePaths);
    that.setData({avatarUrl:tempFilePaths[0]});
    }
    })
    },

    日常所遇,随手而记。
  • 相关阅读:
    JSON
    css3之自定义字体
    css3之2D转换
    JavaScript---认识JavaScipt
    学JS必看-JavaScript数据结构深度剖析
    Vue 过渡
    Vue 表单控件绑定
    Vue 方法与事件处理器
    Vue 列表渲染
    Vue 条件渲染
  • 原文地址:https://www.cnblogs.com/zhihou/p/7805308.html
Copyright © 2020-2023  润新知