微信小程序之上传图片到云端存储并返回图片地址

让用户选择照片并上传到小程序云端存储空间的代码

1、原理

1)wx.cloud.uploadFile()

2)wx.chooseImage()

2、整合代码

//JS文件   上传图片函数
upload_picture: function(name) {var that = this//让用户选择或拍摄一张照片wx.chooseImage({count: 1, sizeType: ['original', 'compressed'],sourceType: ['album', 'camera'],success(res) {//选择完成会先返回一个临时地址保存备用const tempFilePaths = res.tempFilePaths//将照片上传至云端需要刚才存储的临时地址wx.cloud.uploadFile({cloudPath: 'test.jpg',filePath: tempFilePaths[0],success(res) {//上传成功后会返回永久地址console.log(res.fileID) }})}})}

3、实例体验

微信小程序之上传图片到云端存储并返回图片地址相关推荐

微信小程序云开发之云存储（实现图片上传和下载）
文章目录前言一.云存储的使用二.使用演练 1.上传图片到云存储中 2.下载并保存图片到手机前言我们经常将文件(音频.图片.压缩包.文档)存储在网上,我们的云开发平台为开发者提供"云 ...
微信小程序上传图片到服务器总是失败_微信小程序怎么上传图片到服务器?
微信小程序怎么上传图片到服务器?相信很多人都会把小程序图片保存到本地吧,但是把图片上传到服务器就不一定了,下面一起随小编看看微信小程序怎么上传图片到服务器吧. 微信小程序怎么上传图片到服务器? 首先, ...
微信小程序原生上传图片封装
资源参考组件免费下载地址概述微信小程序原生上传图片功能封装,具体使用根据个人情况而定. 组件自定义属性与方法描述 isShow:布尔值,默认为true true:不显示上传图标 false:显示 ...
微信小程序中进行公共数据的存储使用
微信小程序中进行公共数据的存储使用目的:将一些需要在多个页面进行使用的内容,存储到公共的数据库(app.js)中,使用时进行获取,在使用的页面进行一些简单的增删改查认识: 公共的数据应该存放在微信 ...
微信小程序拍照上传图片
微信小程序拍照上传图片或头像在使用微信小程序时需要用到手机拍照来上传图片或者头像时在method中定义一个方法获取图片路径,将路径赋值到image中方法如下: takePhoto() {cons ...
php 限制图片大小代码,微信小程序在上传图片时如何限制大小（附代码）
本篇文章给大家带来的内容是关于微信小程序在上传图片时如何限制大小(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 最近有一个微信小程序的项目,要求是上传多张图片,数量不能超过 ...
微信小程序上传图片到html,在微信小程序里上传图片
在微信小程序里上传图片. 上传图片 JS//index.js Page({ data:{ tempFilePaths:[], uploadLinks:[], }, uploadImg() { var ...
解决微信小程序开发中wxss中不能用本地图片
微信小程序开发中wxss中不能用本地图片,我们可以用将我们的图片传到服务器上,然后直接引用在线地址.但是当我们没有服务器时,我们可以用"图床",这个具体可以百度.这里我们用第二种方 ...
微信小程序云函数中的数据处理后返回
微信小程序云函数中的数据处理后返回本文主要演示的是,在微信云函数中调用数据库后,如何对获取的内容在云函数内处理后返回. 主函数 exports.main = async (event, contex ...
微信小程序利用腾讯云IM发送语音 + 图片
微信小程序利用腾讯云IM发送语音 + 图片能做到这里说明你已经可以发送普通文本了如果没有的话可以看一下我的上一篇文章有完整的讲解效果图语音聊天发送图片传送 → 发送图片发送语音 ** ...

微信小程序之上传图片到云端存储并返回图片地址

让用户选择照片并上传到小程序云端存储空间的代码

1、原理

1)wx.cloud.uploadFile()

2)wx.chooseImage()

2、整合代码

3、实例体验

微信小程序之上传图片到云端存储并返回图片地址相关推荐

最新文章

热门文章