本文介绍了如何在前端实现七牛云的视频上传，包括安装相关包，引入qiniu.min.js库，创建上传组件，配置路由以及设置后端API接口。
1.七牛云上传前台页面
https://www.cnblogs.com/xiaonq/p/12290151.html
1.1 安装相关包
npm install --save jquery@1.12.1 # 安装jquery
1.2 index.html 引入qiniu.min.js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>qiniu_vue</title>
<script src="./static/qiniu.min.js"></script>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
1.3 新建 components\QnUpload.vue 上传视频页面
<template>
<div>
<!-- 1.上传时的点击框 -->
<div id="container">
<div>
<div id="uploadImage">选择文件{
{
uptoken}}</div>
<div class="upload-progress"></div>
</div>
</div> <!-- 2.测试上传成功后播放功能 -->
<div v-show="true">
<video id="video" width="320" height="240" :src=
最低0.47元/天 解锁文章
2418
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
