微信小程序chooseMedia应用

用chooseMedia试着做了选择图片上传，最后我运行选择图片不管选第几张上传到存储的图片都是同一张，最后发现自己的代码出现了错误，代码中遍历了res.tempFiles，文件路径错误导致

choose(){const that = thisif(that.data.islog){wx.chooseMedia({count: 9,mediaType: ['image','video'],sourceType: ['album', 'camera'],maxDuration: 30,camera: 'back',success(res) {console.log(res.tempFiles)console.log(res)if(res.type == "video"){let src = res.tempFiles[0].tempFilePath.split('tmp/')[1]console.log(src)wx.cloud.uploadFile({cloudPath: 'pyq'+ src ,filePath: res.tempFiles[0].tempFilePath, // 文件路径}).then(res => {that.setData({videourl:res.fileID})console.log(that.data.videourl)that.setData({isvideo : true})}).catch(error => {// handle error})}else{res.tempFiles.forEach(function(item){console.log(item)const path = item.tempFilePathlet src = item.tempFilePath.split('tmp/')[1]console.log(src)wx.cloud.uploadFile({cloudPath: 'pyq'+ src ,filePath: path, // 文件路径}).then(res => {console.log(res.fileID)that.data.src.push(res.fileID)that.setData({src:that.data.src})console.log(that.data.src)}).catch(error => {// handle error})})}}})}else{wx.showToast({title: '请先登录！',})}}

微信小程序chooseMedia应用相关推荐

微信小程序wx.chooseMedia的坑，含“TypeError: Cannot read property ‘cloudFile‘ of undefined”错误原因
最近在学习微信小程序开发时,遇到以下几点特别特别容易犯错的地方,现在总结给大家 1.关于wx.chooseImage不能使用的问题现在weixin官方已经停止维护wx.choose.Image组件了 ...
微信小程序图片上传与内容安全审核
文章目录原由内容审核种类小程序云开发图片检测创建云函数编写图片检测代码小程序图片处理图片上传图片压缩云函数安全检测接入文本检测最后的坑原由之前有开发一个微信小程序,拥有图片 ...
【微信小程序】图片选择、转码、压缩、预览、上传，file与base64
0 前言微信小程序中,上传图片,如标题,涉及图片选择.图片转码.图片压缩.图片预览.图片上传等 1 图片选择需要使用微信提供的wx.chooseMedia chooseImage() {var t ...
《微信小程序案例12》图片识别功能
一.实现效果二.查看百度AI开发平台文档该功能是直接使用百度AI开发平台的动物识别接口,这个接口有两个重要的参数,一是需要获取access_token.二是需要把上传的图片编码为base64.而获 ...
微信小程序图片（头像）裁剪工具we-cropper含2d版-完整版
微信小程序图片(头像)裁剪工具we-cropper含2d版-完整版本教程基于 we-cropper v1.4.0,非本人同意禁止任何形的转载 we-cropper官方下载链接效果图一.非2d版 ...
【微信小程序调用百度API实现图像识别功能】----项目实战
本章主要讲述: 如何更快的上手小程序如何搭建一个页面以及跳转到另一个页面如何调用百度API接口实现图像识别技术如何在微信小程序的后台添加合法域名私信获取源码,有问题可以关注留言或私信,计算机毕 ...
从零开始 | 原生微信小程序开发（二）
!打好最基础的部分,为后期的项目做好准备 ** 学习注册App函数和Page函数 ** 认识一些常见组件,其余组件使用时查找文档 ** 对于wxss和css,两种区分好 App函数.Page函数 1. ...
uni-app微信小程序上传图片封装
概述 uni-app 微信小程序原生上传图片功能封装,具体使用根据个人情况而定. 组件自定义属性与方法描述 isShow:布尔值,默认为true true:不显示上传图标 false:显示上传图标 c ...
微信小程序之原生开发
目录一.前期预备 1. 预备知识 2. 注册账号 - 申请AppID 3. 下载小程序开发工具 4. 小程序项目结构 5. 小程序的MVVM架构二.创建小程序项目 1. 查看注册的appId ...
垃圾分类微信小程序——云开发+CMS+微应用+百度智能云图片识别
功能列表 1.0.0版本: 三个版本,一个APPID,登录页选择版本登录,openid判断社区居民用户注册,一房一主工作/清洁人员账号绑定,一人一号,一号一人用户首页,直接展示搜索功能,包括图 ...

微信小程序chooseMedia应用

微信小程序chooseMedia应用相关推荐

最新文章

热门文章