赞
踩
在微信小程序中,可以通过以下步骤实现上传图片的功能:
<button bindtap="chooseImage">选择图片</button>
- Page({
- chooseImage: function () {
- wx.chooseImage({
- count: 1,
- sourceType: ['album', 'camera'],
- success: res => {
- const tempFilePaths = res.tempFilePaths
- // 这里可以对选择的图片进行其他操作,比如展示或上传
- }
- })
- }
- })
wx.getImageInfo
获取图片的信息,进行展示或上传。- wx.getImageInfo({
- src: tempFilePaths[0],
- success: function (res) {
- console.log(res.width)
- console.log(res.height)
- }
- })
wx.uploadFile
进行上传操作。- wx.uploadFile({
- url: 'https://example.com/upload',
- filePath: tempFilePaths[0],
- name: 'file',
- formData: {
- 'user': 'test'
- },
- success: function (res) {
- console.log(res.data)
- }
- })
以上就是在微信小程序中实现上传图片的基本步骤。根据具体需求,你还可以对上传的图片进行压缩、裁剪等操作。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。