js获取文件大小
时间: 2023-07-25 10:18:40 浏览: 46
可以使用HTML5中的File API来获取文件大小,具体代码如下:
```javascript
//获取文件大小
function getFileSize(file) {
return file.size;
}
```
其中,`file`是通过文件选择器获取的文件对象。返回的文件大小单位为字节(Byte)。如果需要转换为其他单位,可以进行相应的计算。
相关问题
js上传文件怎么获取文件大小
在JavaScript中,可以使用File API来获取上传文件的大小。以下是获取文件大小的示例代码:
```javascript
// 获取文件输入框元素
var fileInput = document.getElementById('file-input');
// 监听文件选择事件
fileInput.addEventListener('change', function() {
// 获取文件对象
var file = fileInput.files[0];
// 检查是否选择了文件
if (file) {
// 获取文件大小(以字节为单位)
var fileSize = file.size;
// 输出文件大小(以字节为单位)
console.log('文件大小为:' + fileSize + '字节');
// 可以根据需要进行单位转换,如转换为KB或MB等
var fileSizeInKB = fileSize / 1024;
console.log('文件大小为:' + fileSizeInKB + 'KB');
}
});
```
以上代码首先获取文件输入框元素,然后监听文件选择事件。当用户选择了文件后,通过`fileInput.files[0]`获取选择的文件对象,然后使用`file.size`获取文件大小(以字节为单位)。你可以根据需要进行单位转换,如将字节转换为KB或MB等。
js获取url文件大小
您可以使用XMLHttpRequest对象来获取url文件大小。步骤如下:
1. 创建XMLHttpRequest对象。
2. 打开连接并指定请求方法为'HEAD'。
3. 发送请求。
4. 获取响应头中的Content-Length属性值即可。
以下是示例代码:
```
function getFileSize(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('HEAD', url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
var fileSize = xhr.getResponseHeader('Content-Length');
callback(parseInt(fileSize));
} else {
callback(false);
}
}
};
xhr.send(null);
}
```
您可以使用此函数来获取指定URL的文件大小。例如:
```
getFileSize('https://example.com/file.zip', function(size) {
if (size) {
console.log('File size: ' + size + ' bytes');
} else {
console.log('Failed to get file size');
}
});
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)