微信小程序实现图片上传（清晰版）_办公生活

微信小程序实现图片上传（清晰版）

创始人

2025-05-31 07:45:21

在wxml文件中添加一个按钮和一个image标签用于显示上传的图片
```
{imageUrl}}" />
```

在js文件中添加选择图片和上传图片的方法

Page({data: {imageUrl: ''},chooseImage() {wx.chooseImage({count: 1, // 可选择的图片数量sizeType: ['compressed'], // 压缩图片sourceType: ['album', 'camera'], // 来源：相册或相机success:  (res)=> {// 将选择的图片上传到服务器this.uploadImage(res.tempFilePaths[0]);}})},uploadImage(imagePath) {wx.uploadFile({url: '服务器地址', // 上传图片的接口地址filePath: imagePath, // 图片文件路径name: 'image', // 文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容success: (res) => {// 上传成功后，将服务器返回的图片地址更新到image标签中this.setData({imageUrl: res.data});},fail: function (res) {console.log(res);}})}
})

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：Maven打包子模块

下一篇：SC8P1762E_汇编指令一览表

微信小程序实现图片上传（清晰版）

相关内容

热门资讯