小编Gra*_*ann的帖子

我正在创建一个让用户上传文件的网页。当他们上传文件时，我需要能够获取他们上传的内容的宽度和高度。该网站仅接受媒体。我得到了图像的宽度和高度，因为您可以在加载时从元数据中获取它，但我无法获取视频的宽度和高度。

    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 的解决方案，但没有一个使用 React。

关于如何做到这一点有什么想法吗？谢谢