您当前的位置: 首页 > 知识百科 > 小程序上传图片失败怎么办?小程序怎么上传图片?

小程序上传图片失败怎么办?小程序怎么上传图片?

时间:2023-07-01 14:05 阅读数:16 人阅读 分类:知识百科

  小程序上传图片失败怎么办?小程序怎么上传图片?如果您遇到了小程序上传图片失败的情况,可是试试以下小编整理的小程序上传图片的代码。以下内容供大家参考。

  小程序上传图片失败是因为小程序上传图片的代码不正确。小程序怎么上传图片?

  获取本地图片或者拍照,

  直接上小程序代码:

  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,下面是我上传后其中一张图片的url

  

  如果有同学用到leancloud,可以参照.其他可以看看文档.

  微信小程序上传本地图片文件

  2.index.wxml

  [html] view plain copy

  获取图片

  小程序上传图片失败怎么办?以上的内容小程序上传图片内容供大家借鉴和参考,如果您想了解更多精彩微信小程序内容,请多多关注微小乔。


  微信小程序怎么分享,微信小程序分享步骤

  微信小程序分享接口相关问题

  小程序appid如何添加微信共分享功能?