小程序图片操作的常见几种方法

By 小程序开发 at 2023-09-07 • 0人收藏 • 94人看过

  

  小程序图片操作的常见几种方法代码示例

(1)显示图片

<image src="路径/图片名.jpg"></image>

(2)图片预览

wx.previewImage({  
  current: '路径/图片名.jpg', // 当前显示图片的http链接  
  urls: ['链接1', '链接2', ...] // 需要预览的图片http链接列表  
})

(3)图片上传

wx.chooseImage({  
  count: 1, // 默认9  
  sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有  
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有  
  success: function (res) {  
    // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片  
    var tempFilePaths = res.tempFilePaths  
  }  
})

(4)图片下载

wx.downloadFile({  
  url: '图片链接地址', // 图片的链接地址  
  success: function (res1) {  
    var tempFilePath = res1.tempFilePath // 图片的本地路径,可以作为img标签的src属性显示图片  
  }  
})


登录后方可回帖

Loading...