vue使用obs华为云上传图片或者视频

等风也在等着你

已于 2023-06-07 08:41:50 修改

阅读量1.2k

点赞数

文章标签： vue.js 华为云

于 2023-05-29 16:04:01 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44860425/article/details/130930257

版权

可惜只支持web和h5
最下面支持app
api链接
在这里插入图片描述

引入，位置自己放，我放了两个其实一个就可以

import ObsClient from "./../common/esdk-obs-browserjs-without-polyfill.3.23.5.min.js";

在这里插入图片描述
使用
Bucket桶名；Key可以理解为参数；SourceFile文件必须是file；

		obsPutObject(file) {
   
				console.log(file)
				// 创建ObsClient实例
				var obs = new ObsClient({

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

等风也在等着你

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

华为云obs切片上传封装结合vue2 element upload 带有进度条

m0_58234730的博客

07-17

273

【代码】华为云obs切片上传封装结合vue2 element upload 带有进度条。

uniapp 上传图片到华为云obs

bo_gu的博客

12-27

2800

记录一下用uniapp上传图片到华为云obs，之前是先把文件传到我们自己的服务器，然后后端的同事再上传到obs，但是我们公司的带宽太低了，传的太太太太慢了，于是考虑直接让用户上传到obs，不经过我们自己的服务器，这样能稍微快一点。那么现在问题来了，obs的文档，前端（小程序）获取签名直传，都需要引入BrowserJS，但是不知道为什么，我用uniapp死活引入不成功，不是文件报错，就是无法创建ObsClient对象，一整个无语住了，生成工单问华为云工程师，得到的回复也只是uniapp还没适配，简直了。。。

参与评论您还未登录，请先登录后发表或查看评论

华为云obs照片上传上传原图的同时再上传缩略图

qq_42437947的博客

12-18

1416

@PostMapping("/uploadphoto") @OperationLog(name = "照片上传", type = OperationLogType.UPLOAD) @ApiOperation(value = "照片上传", response = ApiResult.class) @ApiImplicitParams({ @ApiImplicitParam(name = "file", value = "文件", required = true), @ApiImp.

前端直传华为云OBS：文件上传完整指南与代码实现

最新发布

2503_90882539的博客

03-19

455

如何在pc端以及微信小程序中实现obs直传文件

VUE前端直接上传图片到华为云OBS极简版

Boreas_W的博客

07-18

1995

vue前端直接上传文件到华为云OBS，element-ui，节省应用服务器资源。

vue上传视频到华为云obs

YM123456999的博客

05-12

1044

vue、上传视频、vue上传视频到华为云

vue 上传文件到华为云obs

Lora_0925的博客

05-21

2598

需求：上传图片、视频、音频文件到华为云obs（由后端创建桶），前端只需上传即可环境： 1.下载OBS BrowserJS SDK开发包点击跳转，引入esdk-obs-browserjs-without-polyfill-3.19.5.min.js文件 2.引入axios 3.上传 // 发起PUT请求 putSend(url, formData) { // put请求 // 传入一个参数对象即可得到基于该参数对象的文本内容 var reop..

上传图片--华为云

2301_79758348的博客

09-26

766

对象存储服务OBS

jeecg-boot中上传图片到华为云obs云存储中

穆雄雄的博客

11-25

1924

jeecg-boot框架中，其实对接的功能还是挺多的，其中就有文件云存储服务器，不过是阿里云oss的，那如果我们使用的是七牛云，或者华为云obs呢？我们需要改哪些内容才能实现上传obs的目的呢，今天我们就来看看如何使用jeecg-boot来实现将文件（图片）上传到华为云obs中。

springboot 对接华为云obs云存储

m0_60907575的博客

08-27

975

华为云obs存储

vue3用华为云上传视频

06-01

要使用华为云上传视频，你需要先在华为云上创建一个对象存储服务（OBS）的桶，然后再使用 Vue3 的相关插件或库进行上传操作。以下是大致的步骤： 1. 首先在华为云上创建一个OBS桶，将要上传的视频文件存储到桶中...

记录uniapp使用华为云obs上传图片视频

ZL3064436257的博客

04-25

1370

记录uniapp使用华为云obs上传图片视频流程

华为云对象存储obs文件上传

weixin_52688663的博客

10-15

4610

华为云Obs服务实现文件上传

postman使用post方法向华为云obs桶上传文件和图片

sujinduo的博客

09-02

1991

原贴地址：https://bbs.huaweicloud.com/blogs/298183 【摘要】 postman使用post方法向华为云obs桶上传文件和图片。记录下过程。 postman使用post方法向华为云obs桶上传文件和图片一句话总结：postman使用post方法向华为云obs桶上传文件和图片。记录下过程。如果想了解put方法，请参考下文： postman使用put方法向华为云obs桶上传文件和图片 h..

图片批量上传至服务器/华为云obs 前台采用webuploader.js div+css布局图片.zip华为云obs浏览器下载

m0_54930214的博客

11-22

2816

图片批量上传至服务器/华为云obs 前台采用webuploader.js div+css布局图片.zip华为云obs浏览器下载

postman使用put方法向华为云obs桶上传文件和图片

sujinduo的博客

09-01

1804

原贴地址：https://bbs.huaweicloud.com/blogs/298147 【摘要】 postman使用put方法向华为云obs桶上传文件和图片。记录下过程。 postman使用put方法向华为云obs桶上传文件和图片一句话总结：postman使用put方法向华为云obs桶上传文件和图片。记录下过程。 1、使用步骤创建华为云OBS桶 1、什么是华为云OBS？对象存储服务.

springboot整合obs-华为云-鲲鹏技术-OBS-对象储存技术（上传文件/图片）

小龙coding的博客鸭~

07-27

5450

一、登陆华为云 https://www.huaweicloud.com/product/obs.html 二、进入控制台三、创建桶注意使用公共读否则别个访问不到四、maven导入依赖 <dependency> <groupId>com.huaweicloud</groupId> <artifactId>esdk-obs-java</artifactId>

node实现华为云OBS的文件上传

baidu_39340547的博客

08-01

1012

对象存储服务（Object Storage Service，OBS）是一个基于对象的海量存储服务，为客户提供海量、安全、高可靠、低成本的数据存储能力。OBS系统和单个桶都没有总数据容量和对象/文件数量的限制，为用户提供了超大存储容量的能力，适合存放任意类型的文件，适合普通用户、网站、企业和开发者使用。OBS是一项面向Internet访问的服务，提供了基于HTTP/HTTPS协议的Web服务接口，用户可以随时随地连接到Internet，通过OBS管理控制台或各种OBS工具访问和管理存储在OBS中的数据。