分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

使用VUE脚手架+HTML5 input type = file 上传视频

发布时间:2023-09-06 02:08责任编辑:白小东关键词:HTML

上传视频思路

HTML:
1. 在这里首先会用到html5标签 video ??音频/视频
2. input type = file

CSS 给一些样式


*******JS

js实现思路:
1.通过原生的方法获取上传文件(input)标签 并且交给一个变量。
2.通过原生的方法获取音频标签并且交给一个变量。
3.通过input标签得到自身的的files[0] ;而我们对input.files[0]数据需要处理,于是写一个方法。并且把input.files[0]传进去。

举个栗子:

4.处理数据的具体步骤;在getFileURL方法里面处理;

5.判断URL是否存在;如果存在就给video 设置src路径;

6. 通过video身上的duration属性;获取视频的长度;如果视频的长度超过60秒给与用户提示。

使用VUE脚手架+HTML5 input type = file 上传视频

原文地址:https://www.cnblogs.com/hemei1212/p/9416976.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved