js在上传时获取图片大小只能在onload里面获取吗？有没有直接获取的办法？

无·法社区初级成员 T1 2021-09-08 18:56:38

翻遍了百度，基本都是在装载file的时候触发image.onload，然后在这个onload事件里获取图片宽高，难道就没有直接获取图片宽高的办法吗？

...全文

149 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

吉普赛的歌 2021-09-13

打赏
举报

回复

你能评价一个没见过面的人，他长得怎么样吗？

无·法社区初级成员 T1 2021-09-13

举报

回复

@吉普赛的歌如果file的api除了提供size、type还另外提供图片长宽就好了（假设是图片的话）。

纸飞机 2021-09-11

打赏
举报

回复

无

"js获取input file 图片立即显示"这个话题就是关于如何利用JavaScript来实现在用户选择图片后即时预览的功能。以下是一个详尽的步骤解释和相关知识点： 1. **HTML 结构**：首先，我们需要在HTML页面中创建一个`...

在上传图片之前，可以通过创建一个新的`Image`对象来预加载图片，并在图片加载完成后获取其尺寸和文件大小。以下是一个简单的示例，展示了如何使用JavaScript在用户选择图片文件后立即进行验证： ```javascript /...

2. 获取图片原始大小：在JavaScript中，可以通过创建一个Image对象并设置其`src`属性为图片URL，然后监听`load`事件来获取图片的原始尺寸。一旦图片加载完成，`naturalWidth` 和 `naturalHeight` 属性将分别返回图片...

前端图片上传时，可以结合`FormData`对象和`XMLHttpRequest`或`fetch` API实现异步上传，并在上传前进行预览，让用户确认效果。这些工具和方法广泛应用于网页设计、图像编辑应用、富媒体交互等领域，通过...

7. **进度条反馈**：在上传过程中，可以监听`XMLHttpRequest`的`onprogress`事件，获取已上传的数据量和总数据量，进而更新进度条。对于较大的图片，这有助于提高用户体验。 8. **错误处理**：在文件读取、预览、...

87,997

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章