在现代浏览器中,您可以将URL API
URL.createObjectURL()与未附加的视频元素一起使用来加载文件的内容。
var myVideos = [];window.URL = window.URL || window.webkitURL;document.getElementById('fileUp').onchange = setFileInfo;function setFileInfo() { var files = this.files; myVideos.push(files[0]); var video = document.createElement('video'); video.preload = 'metadata'; video.onloadedmetadata = function() { window.URL.revokeObjectURL(video.src); var duration = video.duration; myVideos[myVideos.length - 1].duration = duration; updateInfos(); } video.src = URL.createObjectURL(files[0]);;}function updateInfos() { var infos = document.getElementById('infos'); infos.textContent = ""; for (var i = 0; i < myVideos.length; i++) { infos.textContent += myVideos[i].name + " duration: " + myVideos[i].duration + 'n'; }}<div id="input-upload-file" > <span>upload! (ღ˘⌣˘ღ)</span> <input type="file" id="fileUp" name="fileUpload"></div><pre id="infos"></pre>


