小程序按钮带图标-点击实现文件上传 (预览文件)—— 源码及效果

最新推荐文章于 2023-07-20 20:37:15 发布

佩可馁稞

最新推荐文章于 2023-07-20 20:37:15 发布

阅读量1.1k

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_43403124/article/details/116998306

版权

按钮效果图
.wxml 部分代码
.wxss代码

/* 小程序按钮样式 */
.btnImg1{
   
  margin-top: 8rpx;
  width: 70rpx;
  height: 60rpx;
}

.cornerbutton_add {
     
display: flex;  justify-content: center;  /* 垂直居中 */ 
align-items: center;   /* 水平居中 */       height: 45px;  
margin-top: 45rpx; 
border-radius: 20px;  
background: #175acb;  
color: white;  
border: none;
}

.js 代码

 addFile: function(){
    //添加文件
    wx.chooseMessageFile({
   //调用选择文件接口
      count:Number(1),//文件数量
      type: 'file',
      success (res) {
   
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFiles
        console.log(