内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

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

2018-08-04 18:25 出处:清屏网 人气: 评论(0

上传视频思路

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秒给与用户提示。

分享给小伙伴们:
本文标签: HTML5VUE

相关文章

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号