English
资源说明：微信小程序 leancloud ——本地图片上传
由于本站最近学习微信小程序的知识，这里记录下微信小程序实现本地上传的功能实现方法，以下是网上找的资料，大家看下。
将本地图片上传至leancloud后台.
获取本地图片或者拍照,我在上一篇博文中写过.这里就不说了.我的博客
直接上代码:
1.index.js
//index.js
//获取应用实例
var app = getApp()
const AV = require('../../utils/av-weapp.js');
Page({
data: {
tempFilePaths: ''
},
onLoa
在微信小程序开发中，本地图片上传是一个常见的功能需求，尤其当结合云服务如Leancloud时，这个过程就显得尤为重要。本教程将详细讲解如何在微信小程序中实现本地图片上传到Leancloud后台的步骤。
我们需要引入 Leancloud 的 SDK。在 `index.js` 文件中，我们看到使用了 `require` 来加载自定义封装的 AV SDK，通常这个 `av-weapp.js` 文件会包含 Leancloud 初始化设置以及与 Leancloud 交互的函数。
```javascript
const AV = require('../../utils/av-weapp.js');
```
初始化 Leancloud 应用需要提供 `appId` 和 `appKey`，这是你在 Leancloud 控制台创建应用时获得的。这部分通常在全局配置中完成，例如在 `app.js` 文件中：
```javascript
AV.init({
appId: 'EJx0NSfY*********-gzGzoHsz',
appKey: 'FBVPg5G*******T97SNQj',
});
```
接下来，我们要实现图片选择和上传的功能。在 `Page` 的生命周期函数 `onLoad` 中，我们不需要做特别的处理。关键在于处理图片选择的事件，这里使用的是 `wx.chooseImage` API：
```javascript
chooseimage: function () {
var _this = this;
wx.chooseImage({
count: 9, // 用户最多可选9张图片
sizeType: ['original', 'compressed'], // 允许用户选择原图或压缩图
sourceType: ['album', 'camera'], // 允许用户从相册或相机选择图片
success: function (res) {
// 获取到选定图片的临时路径列表
_this.setData({ tempFilePaths: res.tempFilePaths });
// 选取第一个文件进行上传
var tempFilePath = res.tempFilePaths[0];
// 创建 AV.File 对象，准备上传
new AV.File('file-name', {
blob: {
uri: tempFilePath, // 图片的本地临时路径
},
}).save()
.then(file => console.log(file.url())) // 保存成功，获取图片 URL
.catch(console.error); // 处理错误
},
});
}
```
`wx.chooseImage` 成功后，会返回一个包含选定图片临时文件路径的数组 `tempFilePaths`，我们从中选择第一个文件 `tempFilePath` 进行上传。使用 `AV.File` 创建一个文件对象，指定文件名和文件内容（本地临时路径），然后调用 `save()` 方法将其保存到 Leancloud 云端。保存成功后，`file.url()` 返回的即是云端存储的图片 URL。
在 `index.wxml` 文件中，我们展示用户选择的图片并提供选择图片的按钮：
```html
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
