微信小程序上传并显示图片

实现效果:

上传前显示:

点击后可上传,上传后显示:

源代码: 

.wxml


  
  

.wxss

.blank-area{
  border-style: dashed;
  border-color: darkgray;
  border-width: 1px;
}

.js 

wx.chooseMedia函数参数mediaType可以选择上传类型['image', 'video','mix'],mix是混合图片和视频,sourceType可以选择['album', 'camera'],即来源于相册或者拍照。

  upload_company_logo(e){
    wx.chooseMedia({
      count:1,
      mediaType:['image'],
      sourceType: ['album'],
    })
    .then(res=>{
      this.setData({
        company_logo_src: res.tempFiles[0].tempFilePath
      })
    })
    .catch(res=>{
      console.log('error',res)
    })
  }

更多微信小程序内容欢迎关注、评论、私信博主。

你可能感兴趣的:(微信小程序,微信小程序,小程序,上传图片)