<!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
397
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
JS 上传文件--获取视频文件宽高
目录
相关文章
|
存储
文件存储
|
JavaScript
前端开发
应用服务中间件
【前端项目笔记】原生js上传文件及文件转换成base64、blob类型
项目中经常会用到上传图片上传视频等功能，由于后端nginx限制，经常要进行文件转化才能上传，大文件可能还要进行切片上传处理。
656
1
1
|
JavaScript
|
3月前
|
存储
JavaScript
前端开发
JS上传文件（base64字符串和二进制文件流）
这篇文章介绍了两种JavaScript文件上传的方法：使用FileReader对象将文件读取为base64字符串上传，以及使用FormData对象以二进制文件流的形式上传文件，包括如何处理文件选择、读取和上传的详细代码示例。
457
2
2
|
6月前
|
JavaScript
前端开发
|
6月前
|
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才是目前的前端的主流。
180
0
1
|
JavaScript
热门文章
最新文章
1
开发者最容易犯的13个JavaScript错误
2
js正则表达式语法
3
如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表
4
JS代码位置
5
JavaScript 图片切割效果
6
js: 删除node的所有child
7
【javascript】Promise/A+ 规范简单实现 异步流程控制思想
8
高性能Javascript--脚本的无阻塞加载策略
9
JavaScript 技术篇-js获取dom节点、html标签自定义属性的值。
10
javascript，检测对象中是否存在某个属性
1
在JavaScript中实现模块化开发有多种方法
51
2
编写JavaScript模块化代码主要涉及将代码分割成不同的文件或模块，每个模块负责处理特定的功能或任务
51
3
在 JavaScript 中，异步编程和回调函数是处理非阻塞操作（如网络请求、文件读写等）的重要工具
47
4
在JavaScript中，回调函数是一种非常强大的工具
39
5
javascript操作DIV总结 转
57
6
[JS]百度地图设置城市
62
7
nvm, node.js, npm, yarn 安装配置
289
8
JS长按保存canvas绘图
49
9
JavaScript实现识别二维码信息功能
110
10
JS tostring（）和join（）方法
41