微信小程序图片上传怎么实现?

　　微信小程序图片上传怎么实现?各位微信小程序开发者，您知道怎么去实现微信小程序图片上传吗?今天小编就来和大家分享微信小程序图片上传的开发方法哦，跟着小编来往下学习学习吧。

　　微信小程序图片上传怎么实现?

　　将本地图片上传至leancloud后台.

　　首先要获取本地图片或者拍照。微信小程序图片上传开发代码如下：

　　直接上微信小程序代码：

　　1.index.js

　　[javascript] view plain copy//index.js

　　//获取小程序应用实例

　　var app = getApp()

　　const AV = require('../../utils/av-weapp.js');

　　Page({

　　data: {

　　tempFilePaths: ''

　　},

　　onLoad: function () {

　　AV.init({

　　appId: 'EJx0NSfY*********-gzGzoHsz',

　　appKey: 'FBVPg5G*******T97SNQj',

　　});

　　},

　　chooseimage: function () {

　　var _this = this;

　　wx.chooseImage({

　　count: 9, // 默认9

　　sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有

　　sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有

　　success: function (res) {

　　// 返回选定照片的本地文件小程序路径列表，tempFilePath可以作为img标签的src属*显示图片

　　_this.setData({

　　tempFilePaths: res.tempFilePaths

　　})

　　var tempFilePath = res.tempFilePaths[0];

　　new AV.File('file-name', {

　　blob: {

　　uri: tempFilePath,

　　},

　　}).save().then(

　　file => console.log(file.url())

　　).catch(console.error);

　　}

　　})

　　}

　　})

　　通过file.url()可以拿到图片的url。

　　2.index.wxml

　　微信小程序图片上传怎么实现的方法就介绍到这里了，大家看完以上内容后都学会了吗啊?如果你知道怎么做了，即赶快去给你的微信小程序上传图片吧!更多相关内容尽在微小乔，请多多关注。

相关推荐：

怎么使用微信小程序图片转发功能

微信小程序图片违规怎么回事?小程序图片违规怎么办?

微信小程序图片排版怎么弄?