2025年2月24日 星期一 甲辰(龙)年 腊月廿四 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

JS 上传文件--获取视频文件宽高

时间:02-22来源:作者:点击数:23

JS 上传文件--获取视频文件宽高

  • <!DOCTYPE html>
  • <html lang="en">
  • <head>
  • <meta charset="UTF-8">
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">
  • <meta http-equiv="X-UA-Compatible" content="ie=edge">
  • <title>Document</title>
  • </head>
  • <body>
  • <input type="file" id="fileButton">
  • <script>
  • fileButton.addEventListener('change', evt => {
  • const file = fileButton.files[0]
  • const url = URL.createObjectURL(file)
  • const video = document.createElement('video')
  • video.onloadedmetadata = evt => {
  • // Revoke when you don't need the url any more to release any reference
  • URL.revokeObjectURL(url)
  • console.log(video.videoWidth, video.videoHeight)
  • }
  • video.src = url
  • video.load() // fetches metadata
  • })
  • </script>
  • </body>
  • </html>
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门