微信小程序上传图片到云储存中

wxml中：

js中：

btnImage(){

wx.chooseImage({

//添加一张图片

count: 1,

//在电脑上只会直接弹出选择图片，没有拍照功能

sourceType:['album','camera'],

success:(res=>{

console.log(res)

//小小的封装思想

//创建一个上传给云储存的地址，每一张图片的储存名称不能一样，所以通过Math.random()方法获取一个不同的名称，该方法可以得到一个从0到1的一个double值

const path = 'images/' + Math.random();

//虚拟地址tempFilePaths[0];点击先把图片储存在一个虚拟地址，然后从虚拟地址把图片上传到云储存中。

const virtualPath = res.tempFilePaths[0];

//上传到云储存中

wx.cloud.uploadFile({

cloudPath: path,

filePath: virtualPath,

success:(res=>{

console.lof(res)

}),

fail:(err=>{

console.log(err)

})

}),

fail:(err=>{

console.log(err)

})

}

个人之见，若有疑问，勿喷！

微信小程序上传图片到云储存中相关推荐

微信小程序如何获取云存储中指定文件夹下所有图片
微信小程序可以使用小程序云开发的云函数来获取云存储中指定文件夹下的所有图片. 首先,你需要在云开发控制台中创建一个云函数,然后在函数代码中调用云存储 API 获取指定文件夹下的所有文件. 具体来说,你 ...
微信小程序---快速上手云开发
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/cou ...
php qcloud sdk weapp_微信小程序腾讯云php后台解决方案
微信小程序腾讯云php后台解决方案微信小程序前段需要添加必要的文件以配合后端 (1)wafer2-client-sdk sdk提供了几种接口包括登陆,获取用户openid,图片上传等 (2)conf ...
微信小程序上传图片到服务器总是失败_微信小程序上传图片过大导致请求失败的解决方法...
很多时候我们都会碰到小程序上传图片时因为图片过大而导致请求失败,同时出现各种各样的问题,那么今天来给大家写一个微信小程序上传图片过大导致请求失败的完美解决办法. 以云开发小程序图片检测为例,如果图片过 ...
【中级】微信小程序 - 腾讯云 - wafer2 - PHP - DEMO - 003 - 源码分析 - 01 - 文件组成详细分析
1 前言: 本文原创,欢迎转载,但是,务必保持原文并且给出原文链接. 微信小程序 - 腾讯云 - PHP - DEMO 是微信提供的一个微信小程序和腾讯云小程序云服务wafer 进行接口的例子. 本仓 ...
【微信小程序开发（云壁纸小程序教程）】
微信小程序开发(云壁纸小程序教程) 1. 准备 HBuilder X 和微信开发者工具 2. 进入网站注册小程序 3. 点击发行,这时候就用到微信开发者工具 1. 准备 HBuilder X 和微 ...
微信小程序开发13 云开发：云原生一体化应用开发平台
你好,我是冠宇,从这个模块开始,就由我带着你一起学习. 在开篇词中,俊鹏讲到云开发诞生的背后动力是困扰前端开发者们的一个核心问题:对后端的依赖.那云开发到底怎么去优化和解决这个问题的呢? 这就是我们今 ...
微信小程序自动化构建(云效)
文章目录前言一.miniprogram-ci 二.将appid和privateKey配置成云效参数 1.修改上传时的脚本 2.修改manifest.json中的appid 3.修改云效配置总结 ...
微信小程序上传图片至服务器Springboot接收格式的问题
微信小程序上传图片至服务器Springboot 需求:通过微信小程序上传图片到服务器,保存至服务器. 实现 Wxml <button bindtap="choose"> ...
微信小程序开发之——云开发初探
一现象将微信小程序组件/API/云开发示例导入到小程序开发者工具后,出现如下错误信息,并且工具栏中,没有云开发按钮 VM90 WAService.js:2 cloud init error: Er ...

微信小程序上传图片到云储存中

微信小程序上传图片到云储存中相关推荐

最新文章

热门文章