当前位置：首页 > news >正文

在Uniapp中使用阿里云OSS插件实现文件上传

news 来源：原创 2025/7/6 0:06:23

在开发小程序时，文件上传是一个常见的需求。阿里云OSS（Object Storage Service）是一个强大的云存储服务，可以帮助我们高效地存储和管理文件。本文将介绍如何在Uniapp小程序中使用阿里云OSS插件实现文件上传功能。

1. 准备工作

首先，我们需要在Uniapp项目中引入阿里云OSS插件。插件的地址为：https://ext.dcloud.net.cn/plugin?id=5416。在HBuilderX中打开项目，找到manifest.json文件，在App原生插件配置中勾选该插件。

2. 初始化OSS插件

在使用OSS插件之前，我们需要对其进行初始化。初始化时需要配置STS服务器地址、OSS的Endpoint以及本地文档路径。以下是一个初始化的示例代码：

var oss = uni.requireNativePlugin("MZ-AliyunOss");init() {var self = this;oss.init({stsServer: 'https://xxx.xxx.com/api/createVideo/ossToken', // STS服务器地址endPoint: "https://oss-cn-shanghai.aliyuncs.com", // OSS的EndpointdocPath: plus.io.convertLocalFileSystemURL("_doc"), // 本地文档路径}, ret => {console.log("---------------------------ret", ret) });
},

在初始化时，stsServer是获取临时凭证的服务器地址，endPoint是OSS服务的访问地址，docPath是本地文件的存储路径。

3. 上传文件

初始化完成后，我们可以使用OSS插件上传文件。以下是一个上传视频文件的示例代码：

recordVideo() {let that = this;uni.chooseVideo({sourceType: ["camera", "album"], // 从相机拍摄或相册选择compressed: false, // 不压缩视频maxDuration: this.selData.subVideoLen, // 限制拍摄时长camera: "back", // 使用后置摄像头success: (res) => {console.log("拍摄成功", res);uni.showLoading({title: "上传中...",mask: true, // 遮罩层，防止用户操作});let pathArr = res.tempFilePath.split("/");let fileName = pathArr[pathArr.length - 1];let fileExt = fileName.split(".")[1];let videoName = fileName.split(".")[0] + "." + fileExt;let videopath = plus.io.convertLocalFileSystemURL(res.tempFilePath);oss.setUploadObjectListener({}, ret => {console.log(ret); if(ret.eventType=='onSuccess'){let awemeUrl = "https://xxx.oss-cn-shanghai.aliyuncs.com/dzjz/" + videoName;console.log("上传成功，文件地址：", awemeUrl);} });oss.uploadObject({bucket: 'xxx', // OSS的Bucket名称key: 'dzjz/'+videoName, // 文件在OSS中的存储路径path: videopath // 本地文件路径}, ret => { console.log("上传结果：", ret);}); },fail: (err) => {console.error("拍摄失败", err.errMsg);},});
},

上传失败回调

在这里插入图片描述

在上传文件时，我们首先使用uni.chooseVideo方法选择或拍摄视频文件。然后，通过oss.uploadObject方法将文件上传到OSS。上传过程中，可以通过oss.setUploadObjectListener监听上传状态，当上传成功时，可以获取到文件的访问地址。

4. 总结

通过以上步骤，我们可以在Uniapp小程序中轻松实现文件上传功能。阿里云OSS插件提供了简单易用的API，使得文件上传变得非常方便。希望本文对你有所帮助，如果有任何问题，欢迎在评论区留言讨论。

注意：在实际使用中，请将代码中的xxx替换为实际的OSS配置信息，如Bucket名称、STS服务器地址等。

在Uniapp中使用阿里云OSS插件实现文件上传

在开发小程序时，文件上传是一个常见的需求。阿里云OSS（Object Storage Service）是一个强大的云存储服务，可以帮助我们高效地存储和管理文件。本文将介绍如何在Uniapp小程序中使用阿里云OSS插件实现文件上传功能。 1. 准备工作首…...

编程日记 2025/7/6 0:06:23

C#中的序列化和反序列化

序列化是指将对象转换为可存储或传输的格式，例如将对象转换为JSON字符串或字节流。反序列化则是将存储或传输的数据转换回对象的过程。这两个过程在数据持久化、数据交换以及与外部系统的通信中非常常见把对象转换成josn字符串格式这个过程就是序列化 josn字符…...

编程日记 2025/7/4 9:34:53

IGBT的两级关断

IGBT（绝缘栅双极型晶体管）的两级关断（Two-stage turn-off）是一种优化关断过程的方法，主要用于减少关断时的电压过冲和dv/dt（电压变化率）过高的问题，特别是在大功率应用中&#xff08…...

编程日记 2025/7/5 23:14:59

TCP/IP 协议图解 | TCP 协议详解 | IP 协议详解

注：本文为 “TCP/IP 协议” 相关文章合辑。未整理去重。 TCP/IP 协议图解退休的汤姆于 2021-07-01 16:14:25 发布 TCP/IP 协议简介 TCP/IP 协议包含了一系列的协议，也叫 TCP/IP 协议族（TCP/IP Protocol Suite，或 TCP/IP Pr…...

编程日记 2025/7/5 23:17:02

PyCharm结合DeepSeek-R1

PyCharm结合DeepSeek-R1，打造专属 AI 编程助手在程序员的日常工作中，提高编程效率、快速解决代码问题是重中之重。今天给大家分享一个强强联合的组合 ——PyCharm 插件 Continue 与 DeepSeek-R1，它们能帮你打造出强大的个人 AI 编程助手。 …...

编程日记 2025/7/5 10:57:33

深入理解Java对接DeepSeek

其实，整个对接过程很简单，就四步，获取key，找到接口文档，接口测试，代码对接。 1.获取 KEY https://platform.deepseek.com/transactions 直接付款就是了（现在官网暂停充值2025年2月7日&#xf…...

编程日记 2025/7/5 23:44:37

【RabbitMQ的x-death头】消息死亡记录头流转示例

Header(name "x-death", required false) List<Map<String,Object>> xDeath 是用于捕获RabbitMQ自动生成的消息死亡记录头信息。以下是详细解析和实际应用示例： x-death头的作用死亡原因追踪：记录消息被拒绝/过期的完整生命周…...

编程日记 2025/7/5 21:59:23

【DeepSeek】在本地计算机上部署DeepSeek-R1大模型实战（完整版）

【作者主页】Francek Chen 【专栏介绍】 ⌈ ⌈ ⌈人工智能与大模型应用 ⌋ ⌋ ⌋ 人工智能（AI）通过算法模拟人类智能，利用机器学习、深度学习等技术驱动医疗、金融等领域的智能化。大模型是千亿参数的深度神经网络（如ChatGPT&…...

编程日记 2025/7/5 23:26:45

二、通义灵码插件保姆级教学-IDEA(使用篇)

一、IntelliJ IDEA 中使用指南 1.1、代码解释选择需要解释的代码 —> 右键 —> 通义灵码 —> 解释代码解释代码很详细，感觉很强大有木有，关键还会生成流程图，对程序员理解业务非常有帮忙，基本能做到哪里不懂点哪里。…...

编程日记 2025/7/5 22:03:31

北斗导航 | 基于多假设解分离（MHSS）模型的双星故障监测算法（MATLAB代码实现——ARAIM）

===================================================== github：https://github.com/MichaelBeechan CSDN：https://blog.csdn.net/u011344545 ===================================================== 双星故障监测算法一、多星故障MHSS模型流程1、数据预处理2、构建假设模…...

编程日记 2025/7/5 22:33:15

OpenCV2D 特征框架 (22)人脸检测的一个类cv::FaceDetectorYN的使用

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 cv::FaceDetectorYN 是 OpenCV 中用于人脸检测的一个类，它基于深度学习模型实现。这个类是 OpenCV DNN（Deep Neural Netw…...

编程日记 2025/7/2 21:47:10

微信小程序页面制作——婚礼邀请函（含代码）

✅作者简介：2022年博客新星第八。热爱国学的Java后端开发者，修心和技术同步精进。 🍎个人主页：Java Fans的博客 🍊个人信条：不迁怒，不贰过。小知识，大智慧。 💞当前专栏…...

编程日记 2025/7/2 20:27:27

django中间件，中间件给下面传值

1、新建middleware.py文件 # myapp/middleware.py import time from django.http import HttpRequest import json from django.http import JsonResponse import urllib.parse class RequestTimeMiddleware:def __init__(self, get_response):self.get_response get_respons…...

编程日记 2025/7/3 2:53:45

调用DeepSeek官方的API接口

效果前端样式体验链接：https://livequeen.top/deepseekshow 准备工作 1、注册deepseek官网账号地址：DeepSeek 点击进入右上角【API开放平台】，并进行账号注册。 2、注册完成后，依次点击【API keys】-【生成API key】&#x…...

编程日记 2025/7/1 11:27:08

C++--iomanip库

目录 1. 设置字段宽度：std::setw() 2. 设置浮点数精度：std::setprecision() 3. 设置填充字符：std::setfill() 4. 控制对齐方式：std::left 和 std::right，std::internal 5. 控制进制输出：std::hex、std…...

编程日记 2025/7/2 22:55:25

程序诗篇里的灵动笔触：指针绘就数据的梦幻蓝图＜8＞

大家好啊，我是小象٩(๑ω๑)۶ 我的博客：Xiao Xiangζั͡ޓއއ 很高兴见到大家，希望能够和大家一起交流学习，共同进步。今天我们复习前面学习的指针知识目录关于指针数组和数组指针的区别指针数组（Array of Poi…...

编程日记 2025/7/1 0:36:08

redo和binlog区别

事务是数据库区别于文件系统的最重要功能，数据库事务支持ACID四个特性，其中I：隔离性是通过锁的方式实现的，剩下的A：原子性 C：一致性 D：持久性是通过redo日志、undo日志、binlog日志来实现的。我…...

编程日记 2025/7/2 22:35:30

2.11学习记录

web——CTFHub XSS学习学习资料：xss（跨站攻击） 原理 1.黑客发送带有xss恶意脚本的链接给用户 2.用户点击了恶意链接，访问了目标服务器（正常的服务器） 3.目标服务器（正常的服务器&#xff09…...

编程日记 2025/7/3 0:02:14

Packer 手动修复安装腾讯云插件

文章目录 Packer [腾讯云插件文档](https://developer.hashicorp.com/packer/integrations/hashicorp/tencentcloud) 提供的版本：v1.2.0，目前 Packer 构建镜像时，不支持现有2种[硬盘类型](https://www.tencentcloud.com/zh/document/product/…...

编程日记 2025/7/3 18:02:04

【探索未来科技】2025年国际学术会议前瞻

【探索未来科技】2025年国际学术会议前瞻【探索未来科技】2025年国际学术会议前瞻文章目录【探索未来科技】2025年国际学术会议前瞻前言1. 第四届电子信息工程、大数据与计算机技术国际学术会议（ EIBDCT 2025）代码示例：机器学习中的线性回…...

编程日记 2025/7/3 5:14:38

【Elasticsearch】Bucket Count K-S Test 聚合

Bucket Count K-S Test是 Elasticsearch 中的一种兄弟管道聚合（sibling pipeline aggregation），用于执行双样本柯尔莫哥洛夫-斯米尔诺夫检验（Kolmogorov-Smirnov Test，简称 K-S 检验）。这种聚合主要用于比较…...

编程日记 2025/7/4 14:22:11

LINUX——基础指令

引言 Linux 操作系统以其强大的命令行工具著称，掌握基础指令是高效使用 Linux 的必备技能。无论是文件管理、文本处理还是系统监控，命令行都能以极简的操作完成复杂任务。本文系统梳理 Linux 最核心的 30 基础指令，配合实际场景案例和进阶技…...

编程日记 2025/7/1 0:37:35

Expo运行模拟器失败错误解决（xcrun simctl ）

根据你的描述，问题主要涉及两个方面：xcrun simctl 错误和 Expo 依赖版本不兼容。以下是针对这两个问题的解决方案： 解决 xcrun simctl 错误错误代码 72 通常表明 simctl 工具未正确配置或路径未正确设置。以下是解决步骤： 确保 …...

编程日记 2025/7/2 5:11:06

Spring中常见的设计模式

Spring框架是一个庞大的生态系统，设计模式的应用广泛分布在其各个模块中。以下是针对你提到的设计模式，在Spring源码中的具体应用位置： 单例模式（Singleton Pattern）： 在org.springframework.beans.factory…...

编程日记 2025/7/2 20:34:49

502 Bad Gateway 错误详解：从表现推测原因，逐步排查直至解决

502 Bad Gateway 错误通常意味着服务器之间的通信失败，但导致的具体原因往往因场景而异。场景一：高峰期频繁出现 502 错误 1.1 现象在流量高峰期间（如促销活动、直播发布等），页面访问变慢甚至出现 502 错误&#…...

编程日记 2025/7/1 3:55:20

【DeepSeek】deepseek可视化部署

目录 1 -> 前文 2 -> 部署可视化界面 1 -> 前文【DeepSeek】DeepSeek概述 | 本地部署deepseek 通过前文可以将deepseek部署到本地使用，可是每次都需要winR输入cmd调出命令行进入到命令模式，输入命令ollama run deepseek-r1:latest。体验很…...

编程日记 2025/7/1 12:32:06

基于STM32的ADS1230驱动例程

自己在练手项目中用到了ADS1230，根据芯片手册自写的驱动代码，已测可用，希望对将要用到ADS1230芯片的人有所帮助。芯片：STM32系列任意芯片、ADS1230 环境：使用STM32CubeMX配置引脚、KEIL 部分电路： 代码…...

编程日记 2025/7/3 0:59:54

计算机毕业设计springboot+vue.js就业数据采集分析平台 mybatis-plus(LW文档+PPT+讲解+代码安装)

温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 作者简介：Java领…...

编程日记 2025/7/1 12:33:27

关于“#pragma arm section zidata = “mgr_buffer_section“的解析

#pragma arm section zidata “mgr_buffer_section” 是 ARM 编译器特有的指令，用于控制变量在内存中的分配位置。其作用如下： 核心解析 #pragma arm section 这是 ARM 编译器支持的编译指示（pragma），用于指定代码或…...

编程日记 2025/7/4 20:48:46

【MySQL】InnoDB存储页的独立表空间

目录 1、背景2、独立表空间【1】表空间大小【2】区【3】组【4】段【5】区的类型【6】XDES Entry区结构【7】XDES Entry链表【8】XDES Entry链表基节点【9】INODE Entry段结构【10】FIL_PAGE_TYPE_FSP_HDR页类型【11】FIL_PAGE_IBUF_BITMAP页类型【12】FIL_PAGE_INODE页类型【13…...

编程日记 2025/7/3 11:18:16

RabbitMQ的死信队列的产生与处理

死信队列（Dead Letter Queue, DLQ） 1. 死信（Dead Letter）是怎么产生的？ 在 RabbitMQ 中，消息会变成死信（Dead Letter）的常见情况有以下几种： 消息被拒绝（R…...

编程日记 2025/7/3 5:01:40

二分算法篇：二分答案法的巧妙应用

二分算法篇：二分答案法的巧妙应用那么看到二分这两个字想必我们一定非常熟悉，那么在大学期间的c语言的教学中会专门讲解二分查找，那么我们来简单回顾一下二分查找算法，我们知道二分查找是在一个有序的序列中寻找一个数在这个序列…...

编程日记 2025/7/2 23:21:36

实现：多活的基础中间件

APIRouter ： 路由分发服务 API Router 是一个 HTTP 反向代理和负载均衡器，部署在公有云中作为 HTTP API 流量的入口，它能识别出流量的归属 shard ，并根据 shard 将流量转发到对应的 ezone 。 API Router 支持多种路由键&am…...

编程日记 2025/7/2 14:08:45

【分布式理论9】分布式协同：分布式系统进程互斥与互斥算法

文章目录一、互斥问题及分布式系统的特性二、分布式互斥算法1. 集中互斥算法调用流程优缺点 2. 基于许可的互斥算法（Lamport 算法）调用流程优缺点 3. 令牌环互斥算法调用流程优缺点三、三种算法对比在分布式系统中，多个应用服务可能会同时…...

编程日记 2025/7/1 12:22:31

百问网imx6ullpro调试记录（linux+qt）

调试记录文章目录调试记录进展1.开发板相关1.1百问网乌班图密码 1.2 换设备开发环境搭建串口调试网络互通nfs文件系统挂载 1.3网络问题1.4系统启动1.5进程操作 2.QT2.1tslib1.获取源码2.安装依赖文件3.编译 2.2qt移植1.获取qt源码2.配置编译器3.编译 2.3拷贝到开发板1.拷贝2.…...

编程日记 2025/7/4 22:06:58

微信小程序如何使用decimal计算金额

第三方库地址：GitHub - MikeMcl/decimal.js: An arbitrary-precision Decimal type for JavaScript 之前都是api接口走后端计算，偶尔发现这个库也不错，计算简单，目前发现比较准确上代码导入js import Decimal from ../../uti…...

编程日记 2025/7/3 3:49:00

win32汇编环境,对线程的创建与操作示例二

;运行效果 ;win32汇编环境,对线程的创建与操作示例二 ;本文主要是实现用CreateThread创建线程时，如何把参数传入进去 ;以下举3个例子说明，如何把数值、字符串和自定义结构传入线程之中 ;下面为asm文件 ;>>>>>>>>>>>>>>>>>…...

编程日记 2025/7/5 1:11:31

React（三）

动态控制显示和css import { useState } from "react"; import "./index.css"; const list [{ id: 1, username: "aaName", content: "一条评论", ctime: "10-18 08:15" },{ id: 2, username: "bbName", conten…...

编程日记 2025/7/2 17:07:50

GitHub Pages + Jekyll 博客搭建指南(静态网站搭建)

目录 🚀 静态网站及其生成工具指南🌍 什么是静态网站？📌 静态网站的优势⚖️ 静态网站 VS 动态网站 🚀 常见的静态网站生成器对比🛠️ 使用 GitHub Pages Jekyll 搭建个人博客📌 1. 创建 GitHu…...

编程日记 2025/7/2 16:46:41

用Go实现 SSE 实时推送消息(消息通知)——思悟项目技术4

目录简介工作原理例子使用场景简介 SSE（Server - Sent Events）是一种允许服务器向客户端实时推送更新的 Web 技术。是一种基于 HTTP 协议的单向通信机制，服务器可以在客户端建立连接后，持续不断地向客户端发送事件流。客…...

编程日记 2025/7/3 8:40:06

通过客户端Chatbox或OpenwebUI访问识别不到本地ollama中的模型等问题的解决

Chatbox和Open WebUI 等无法获取到 Ollama里的模型，主要是由以下原因导致： Ollama 服务未正确暴露给 Docker 容器或客户端模型未正确下载或名称不匹配网络配置或权限问题排查以上问题的思路首先排查ollama服务是否启动，然后再看端口号使…...

编程日记 2025/7/1 17:44:49

TfidfVectorizer

TF-IDF / Term Frequency - Inverse Document Frequency 作用：是自然语言处理NLP中常用的文本特征提取工具，用于将文本数据转换为数据向量。核心思想：是通过统计词频和逆文档频率来量化词语在文本中的重要性。 T F − I D F ( t , d ) T F…...

编程日记 2025/7/4 16:22:17

如何评估云原生GenAI应用开发中的安全风险（下）

以上就是如何评估云原生GenAI应用开发中的安全风险系列中的上篇内容，在本篇中我们介绍了在云原生AI应用开发中不同层级的风险，并了解了如何定义AI系统的风险。在本系列下篇中我们会继续探索我们为我们的云原生AI应用评估风险的背景和意义，并且…...

编程日记 2025/7/4 0:00:45

Flink-序列化

一、概述几乎每个Flink作业都必须在其运算符之间交换数据，由于这些记录不仅可以发送到同一JVM中的另一个实例，还可以发送到单独的进程，因此需要先将记录序列化为字节。类似地，Flink的堆外状态后端基于本地嵌入式RocksDB实例&…...

编程日记 2025/7/1 11:27:08

1064 - You have an error in your SQL syntax；

在创建数据库表建立外键是遇到了如下报错 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near position(position_id) ) at line 8 数据库表sql如下： --职位表 CR…...

编程日记 2025/7/4 5:54:11

团结引擎 Shader Graph：解锁图形创作新高度

Shader Graph 始终致力于为开发者提供直观且高效的着色器构建工具，持续推动图形渲染创作的创新与便捷。在团结引擎1.4.0中，Shader Graph 迎来了重大更新，新增多项强大功能并优化操作体验，助力开发者更轻松地实现高质量的渲染效果与…...

编程日记 2025/6/30 1:39:18

Spring Boot 配置 Mybatis 读写分离

JPA 的读写分离配置不能应用在 Mybatis 上, 所以 Mybatis 要单独处理为了不影响原有代码, 使用了增加拦截器的方式, 在拦截器里根据 SQL 的 CRUD 来路由到不同的数据源需要单独增加Mybatis的配置 Configuration public class MyBatisConfig {Beanpublic SqlSessionFactory…...

编程日记 2025/7/3 11:19:06

Redis 数据类型 List 列表

列表类型是⽤来存储多个有序的字符串，如下图所⽰，a、b、c、d、e 五个元素从左到右组成了⼀个有序的列表，列表中的每个字符串称为元素（element），⼀个列表最多可以存储 2^32 - 1个元素。在 Redis 中&#xff…...

编程日记 2025/7/1 1:00:52

Hello Robot 推出Stretch 3移动操作机器人，赋能研究与商业应用

Hello Robot公司近日发布了其新一代开源移动操作机器人Stretch 3，这是一款高度灵活的机器人平台，专为机器人研究、教育实验和商业自动化设计。Stretch 3 结合了先进的移动机器人技术、灵巧操作能力和开源软件生态系统，为用户提供了一个功能强…...

编程日记 2025/7/1 1:01:42

有滚动条的时候，设置盒子的位置

<div class"AIBox mt-24" id"AIBox"><div v-for"(v, i) in AIs" :key"i" :class"v.role assistant ? mb-24 : "><div :class"v.role user ? fc-ac42f3 fw-600 font-16 : ">{{ v.content }}…...

编程日记 2025/7/2 3:28:02

1. 准备工作

2. 初始化OSS插件

3. 上传文件

上传失败回调

4. 总结

相关文章：