Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Thuộc tính File.size trong JavaScript WebAPI File


Thuộc tính file.size trong JavaScript File WebAPI trả về kích thước của tệp tin tính bằng byte.

Dưới đây là mã ví dụ cho thuộc tính File WebAPI File.size:

Ví dụ

<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: red; } </style> </head> <body> <h1>Thuộc tính JavaScript file.size</h1> <div class="result"></div> <input type="file" class="fileInput" /> <h3> Tải lên một tệp bằng ô input trên để lấy kích thước tệp </h3> <script> let resultEle = document.querySelector(".result"); document .querySelector(".fileInput") .addEventListener("change", (event) => { resultEle.innerHTML += "Tên tệp = " + event.target.files[0].name + '<br>'; resultEle.innerHTML += "Kích thước tệp = " + event.target.files[0].size + ' bytes '; }); </script> </body> </html>

Kết quả

Thuộc tính File.size trong JavaScript WebAPI File

Khi nhấn 'Chọn tệp' và chọn một tệp:

Thuộc tính File.size trong JavaScript WebAPI File