当前位置: 首页 > article >正文

微信小程序(三十三)promise异步写法

注释很详细,直接上代码

上一篇

新增内容:
1.promise异步与普通异步的写法区别
2.promise异步的优势

源码:

index.wxml

<view class="preview" bind:tap="onChoose">
    <image src="{{avatar}}" mode="aspectFill"/>
</view>

index.wxss

.item{
    display: flex;
    /* 水平均分 */
    justify-content:space-evenly;
    height: 60rpx;
}           

/* 页面对比色 */
page{
  background-color: #f2f2f2;  
}

index.js

Page({
    data:{
        //存储学生信息的数组
        students:[],
        avatar:"/images/start.png"
    },
    //promise异步调用方法
    //不用写success的方法,避免不必要的嵌套
    //这里只是个范例,可以应用于任意支持promise异步的方法
    async onChoose(){
        //使用其中关键词进行解构
        const {tempFiles}= await wx.chooseMedia({
            mediaType:['image'],//数组里面是数据类型,可以有多个,默认是图片视频都可以
            count:1,//设置可选择的媒体数量,默认9张,根据版本不同最多为9或20张
        })
        
        //路径赋值
        this.setData({
           avatar:tempFiles[0].tempFilePath
        })
    }
})

效果演示:

在这里插入图片描述


http://www.kler.cn/a/226913.html

相关文章:

  • 系统添加多版本支持
  • ASP.NET Core 自定义解压缩提供程序
  • 两个重要极限【高数笔记】
  • Java面试——计网篇
  • 假期刷题打卡--Day22
  • svg基础(一)
  • 微信小程序(三十一)本地同步存储API
  • Android battery saver 简单记录
  • GrayLog踩坑历险记
  • 微信小程序实现吸顶、网格、瀑布流布局
  • C++初阶 内存管理和模板
  • WordPress可以做企业官网吗?如何用wordpress建公司网站?
  • [Python] opencv - 什么是直方图?如何绘制图像的直方图?
  • 2021-07-02 51单片机按键控制LED灯逐个点亮
  • Unity_Shader
  • STC系列单片机定时器
  • aspose-words字体替换功能2
  • STL——空间配置器
  • C# 浅克隆与深克隆
  • JavaWeb01-JDBC、Druid连接池