- 如何本地上传图片的可以先看上篇文章微信小程序如何本地图片上传 源码
- 首先使用到LeanCloud线上数据库教程
- LeanCloud没有账号的可以注册一个账号,它是一款免费的线上数据库(适合个人开发)。
- 然后下载一个javascript SDK:av-weapp-min.js 下载连接
- 下载之后,保存至项目路径,这里以‘/libs/av-weapp-min.js’为例。在 app.js 中app({})函数之前使用
const AV = require('../libs/av-weapp-min.js');
获得 AV 的引用。 - 接着项目初始化 在app.js 文件里app({})函数之前添加此代码。其中 APP_ID 和 APP_KEY 可以leanCloud应用里的【设置】-【应用 key】里查看。
//app.js
const AV=require(’…/libs/av-weapp-min.js’);
var APP_id =‘XXX’;
var APP_key =‘XXX’;
AV.init({
appId:APP_id,
appKey:APP_key
}) - 接下来可以在相对应的js获取AV引用。
index.js
const AV = require('../libs/av-weapp-min.js');
/*图片处理 */
chooseImage: function () {
var _this = this;
wx.chooseImage({
count: 1,
sizeType: [‘original’, ‘compressed’],
sourceType: [‘album’, ‘camera’],
success: function (res) {
_this.setData({
tempFilePaths: res.tempFilePaths
})
//获取图片数组
var tempFilePath=res.tempFilePaths[0];
new AV.File('file-maintain',{
blob:{
uri:tempFilePath,
}
//把图片上传到线上数据库
}).save().then(
file=> console.log(file.url())
).catch(console.log(Error));
},
})
},