<!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>
JS 上传文件--获取视频文件宽高
2023-08-01
403
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
JS 上传文件--获取视频文件宽高
目录
相关文章
|
存储
文件存储
|
JavaScript
前端开发
应用服务中间件
【前端项目笔记】原生js上传文件及文件转换成base64、blob类型
项目中经常会用到上传图片上传视频等功能，由于后端nginx限制，经常要进行文件转化才能上传，大文件可能还要进行切片上传处理。
679
1
1
|
JavaScript
|
4月前
|
存储
JavaScript
前端开发
JS上传文件（base64字符串和二进制文件流）
这篇文章介绍了两种JavaScript文件上传的方法：使用FileReader对象将文件读取为base64字符串上传，以及使用FormData对象以二进制文件流的形式上传文件，包括如何处理文件选择、读取和上传的详细代码示例。
539
2
2
|
7月前
|
JavaScript
前端开发
|
7月前
|
JavaScript
前端开发
|
JavaScript
Java
开发工具
|
JavaScript
|
存储
前端开发
JavaScript
使用python3.7+Vue.js2.0+Django2.0.4异步前端通过api上传文件到七牛云云端存储
之前一篇文章是通过普通js+tornado来上传七牛云：[使用Tornado配合七牛云存储api来异步切分上传文件](https://v3u.cn/a_id_123)，本次使用vue+django来进行异步上传，因为毕竟vue.js才是目前的前端的主流。
189
0
1
|
JavaScript
热门文章
最新文章
1
jquery的load加载js页面到指定div中
2
node.js入门学习
3
前端 时间个性化 插件 jquery.timeago.js
4
JSBridge：混合开发中的双向通信[Android、iOS&JavaScript]
5
编写JavaScript时容易出错的几个地方
6
js 匿名函数 闭包
7
javascript：折叠菜单
8
Hammer.js分析（一）——基础结构
9
JS-【同页面多次调用】轮播特效封装-json传多个参数
10
js 正则 数值验证
1
JavaScript闭包允许内部函数访问并保留外部函数的变量，即使外部函数执行结束
56
2
js设计模式-观察者模式与发布/订阅模式
74
3
js设计模式-策略模式与代理模式的应用
75
4
深入理解JavaScript中的闭包机制
62
5
使用Vue.js构建交互式前端的技术探索
92
6
使用Node.js构建实时聊天应用的技术指南
136
7
深入理解JavaScript中的事件循环机制
91
8
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
124
9
JavaScript 数组方法概览
39
10
在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
70