oss上传视频

本文介绍了一个使用MUI框架实现的MP4视频上传功能,包括格式验证、大小限制及播放时长检查。通过JavaScript监听文件选择事件,确保上传的视频符合预设条件:MP4格式、不超过10MB且时长不超10秒。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

mui('#onevideo').on('change', '.upvideo', function() {
		console.log('点击上传视频按钮了');
		var file = this.files[0];
		console.log(file)
		if(file.type != 'video/mp4') {
			mui.toast("文件必须为MP4格式");
			this.outerHTML = this.outerHTML;
			return false;
		} 

		//	视频大小最大10MB
		if(file.size / 1024 / 1024 > 10) {
			mui.toast('视频大小不能超过10MB')
			return false;
		}

		//	读取视频对象url,为了获取视频的时间
		var prevideo = window.URL.createObjectURL(file);
		console.log(prevideo);
		document.getElementById("newVideo").src = prevideo;

		//	视频最长10秒
		waitingShow();
		setTimeout(function() {
			waitingHide();
			var vediotime = document.getElementById("newVideo").duration;
			console.log(vediotime)
			if(vediotime <= 10) {
				uploadVideo(file, prevideo);
			} else {
				mui.toast('视频长度不能超过10秒');
				return false;
			}

		}, 3000);

	});

  

转载于:https://www.cnblogs.com/RAINHAN/p/7275643.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值