本文仅举例上传图片和上传视频！

准备工作：

需要引入的js文件：https://download.csdn.net/download/impossible1994727/12328614

参考文档：https://help.aliyun.com/document_detail/92883.html?spm=a2c4g.11186623.6.1526.3dbc10d5yHrpGd

确保后台完成了步骤1：配置Bucket跨域访问和步骤2：配置外网域名到小程序的域名白名单

前端进行步骤3：使用Web端直传实践方案Demo进行上传测试。

测试完成开始小程序上传文件

我的小程序引入的是https://download.csdn.net/download/impossible1994727/12328614里的js，就按照这个来说。

修改config里面的fileHost，AccessKeySecret和OSSAccessKeyId为自己的。

在需要上传文件的js里面引入 uploadFile.js

上传事件为choose_zuopin，假设上传要求根据日期每天上传的文件放到一个文件夹，文件夹名称为当前日期（2020-03-20），图片名称为年月日时分秒+两位随机数（2020032012592312.png）

choose_zuopin(e) {//选择本地作品var that = this;var zp_size =1;//1上传视频，2上传图片wx.chooseMedia({count: 1,mediaType: [zp_size ==1 ? 'video' : 'image'],sourceType: ['album', 'camera'],maxDuration: 30,camera: 'back',success(res) {var url = res.tempFiles[0].tempFilePath;var index = url.lastIndexOf('.');var type = url.substring(index, url.length);var ossu = zp_size == 1? '视频路径' : '图片路径';//示例:var ossu ='web/video',这个路径前一定不能有斜杠！！！！that.up_oss(url, type, ossu)}})},up_oss(url, type, dir) {//将本地作品上传至阿里云ossvar that = this;var nowTime = that.get_durrent_day();uploadImage(url, type, dir + nowTime + '/',function (result) {console.log("======上传成功图片地址为：", result);}, function (result) {console.log("======上传失败======", result);})},get_durrent_day() {//拼接上传到oss文件夹的名称，例如2020-03-20var day = new Date();var year = day.getFullYear();var month = (day.getMonth() + 1).toString();month = (month > 9) ? month : "0" + month;var date = (day.getDate()).toString();date = (date > 9) ? date : '0' + date;return year + '-' + month + '-' + date},

最后上传完成得到的图片路径为：fileHost/ossu/2020-03-20/2020032012592312.png

小程序上传文件到阿里云oss相关推荐

阿里云 aliyun 人脸识别（1：N） java spring 小程序小程序上传多图阿里云oss
前段时间开发一个小程序需要使用到阿里云(1:N)人脸识别的服务,查询资料发现网上并没有详细的教程,而官方的api文档也写得很简略,于是就有了如下教程,希望能帮助到大家. 目录服务开通人脸识别服务开 ...
微信小程序直接上传文件到阿里云OSS组件封装
微信小程序直接上传文件到OSS 1. 封装公共方法在根目录utils目录新建一个upload文件夹: // utils/upload/base64.jsvar base64EncodeChars = ...
java上传文件至阿里云oss工具类
第一步:引入oss maven坐标 <dependency><groupId>com.aliyun.oss</groupId><artifactId>a ...
【微信小程序】上传文件到阿里云OSS
小程序上传文件到OSS也是利用OSS提供的PostObject接口来实现表单文件上传到OSS 步骤1:配置Bucket跨域访问客户端进行表单直传到OSS时,会从浏览器向OSS发送带有Origin的请 ...
微信小程序上传文件到阿里OSS教程
前言 (一)开通OSS服务与新建Bucket 开通OSS服务这里省略,新建bucket. (二)设置Bucket属性,后台配置域名上传文件访问域名这里我们要在小程序后台配置上传域名(上面的域名是我 ...
go walk 开发window界面，上传文件到阿里云oss -- 服务器端
前面我们完成了一个网页端的上传oss程序:https://blog.csdn.net/daily886/article/details/103366145 现在我们把前后端分离前端使用walk开发, ...
go 使用 gin 上传文件到阿里云oss存储
本文使用 go 版本是: go version go1.13 linux/amd64 阿里云oss go sdk版本:v2.0.4 官网可以下载 linux版本是:Linux version 3.1 ...
vue 上传文件至阿里云oss
先让后端在阿里云里面处理跨域问题参考这篇文章 vue直传图片到阿里云OSS(单张直接上传)__小郑有点困了的博客-CSDN博客_vue 阿里云背景:近期项目使用到多图片上传功能,常规的调用后端接 ...
上传文件到阿里云OSS对象存储，查询访问地址，删除文件
一:pom添加以来jar <dependency><groupId>com.aliyun.oss</groupId><artifactId>aliyun ...

小程序上传文件到阿里云oss

准备工作：

测试完成开始小程序上传文件

小程序上传文件到阿里云oss相关推荐

最新文章

热门文章