oss上传视频

最新推荐文章于 2025-05-16 10:44:57 发布

TATA2015

最新推荐文章于 2025-05-16 10:44:57 发布

阅读量391

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/RAINHAN/p/7275643.html

本文介绍了一个使用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