我正在创建一个用户上传文件的网页。当他们上传文件时,我需要能够获得他们上传的内容的宽度和高度。该网站只接受媒体。我得到了图像的宽度和高度,因为您可以在加载时从元数据中获取它,但我无法获取视频。
var video = document.createElement('video');
video.onloadedmetadata = () => {
console.log("Video loaded!");
alert("width: " + this.width + "\n" + "height: " + this.height);
};
video.onerror = () => {
alert ("Error!");
};
video.src = _URL.createObjectURL(files[0]);
这是我目前所拥有的,但总是得到宽度和高度为0.我已经看到一些使用Jquery的解决方案,但没有反应。
关于如何做到这一点的任何想法?谢谢
如果我正确理解你的问题,那么你想要访问videoWidth
元素上的videoHeight
和video
属性。
例如,尝试更新您的onloadedmetadata
处理程序,如下所示:
video.onloadedmetadata = () => {
console.log("Video loaded!");
alert("width: " + video.videoWidth + "\n" + "height: " + video.videoHeight);
};
希望有所帮助!