【uniapp】阿里云OSS上传 [视频上传]

最新推荐文章于 2025-04-24 17:25:43 发布

Minions_Fatman

最新推荐文章于 2025-04-24 17:25:43 发布

阅读量1.6k

点赞数 19

CC 4.0 BY-SA版权

文章标签： uni-app 阿里云音视频

本文链接：https://blog.youkuaiyun.com/Minions_Fatman/article/details/138558825

引用uniapp插件市场的插件,使用的是视频上传（阿里云 oss上传）
我只使用了H5和App端，需要后端配置跨域
yk-authpup详情请参考》》【用户告知权限申请的目的】
【插件市场】阿里云存储OSS前端直接上传(全端通用) - 前端JASON

在这里插入图片描述

<template>
<view>
	<view class="bg pd-20-30">
		<view class="">
			<view class="mg-tb-25 fbc">上传视频
				<view v-if="editVideo" @click="delVideo" class="c-d41 font-26">删除</view>
			</view>
			<view class="bg-f57 mg-t-20 h-600">
				<progress class="file-picker__progress-item" :percent="vProgress" stroke-width="4" />
				<view v-if="editVideo" class="relative wh-100p">
					<video :autoplay="false" class="wh-100p" :src="editVideo" 
					:poster="editVideo+'?x-oss-process=video/snapshot,t_100,f_jpg'"></video>
				</view>
				<view v-if="!editVideo" @click="judgment('video')" class="t_c wh-100p fcc">
					<view class="">
						<uni-icons type="videocam" size="45" color="#d8d8d8"></uni-icons>