如何在javascript上传前检查文件大小
how to check file size before upload in javascript
我将此代码用于检查文件类型
// - coursesweb.net
// get the file name and split it to separe the extension
var name = el.value;
var ar_name = name.split('.');
但是现在我想应用这个代码来获取文件大小,我该怎么办?
来自此站点的代码
You can check the filesize by files[0].size
尝试以下操作:
$('#myFile').bind('change', function() { //this.files[0].size gets the size of your file. alert(this.files[0].size); });
尝试获取文件大小
document.getElementById('fileid').addEventListener('change', checkFile, false);
function checkFile(e) {
var file_list = e.target.files;
for (var i = 0, file; file = file_list[i]; i++) {
var fileExtension = file.name.split('.')[file.name.split('.').length - 1].toLowerCase();
var iConvert = (file.size / 1024).toFixed(2);
txt = "File type : " +fileExtension + "'n";
if(file.size > (1024 * 1024)){
txt += "Size: " + (file.size / (1024*1024)).toFixed(2) + " MB 'n";
} else {
txt += "Size: " + (file.size / 1024).toFixed(2) + " KB 'n";
}
alert(txt);
}
}
小提琴
如果浏览器支持File API。
if (typeof FileReader !== "undefined") {
var size = document.getElementById('file_input_field_id').files[0].size;
} else {
console.log("File API is not supported");
var size = -1;
}
如果你想在没有文件API的客户端获得文件大小,需要使用闪存。您可以将类似于FileAPI.js的lib用于此
您可以像这样检查文件大小。
假设您的HTML是:
<input type="file" id="file" />
var size = document.getElementById('file').files[0].size;
相关文章:
- 预编译的车把模板使文件大小加倍
- Node.js:在修改时确定文件大小
- 使用ajax获取通过FTP上传的文件的文件大小——试图防止ajax中断自身
- 文件上传:检查文件格式,然后调用srvlet
- 从多个文件上传中检索文件大小
- 文件大小的进度指示器
- Dropzone最大文件大小超过事件
- Javascript是否可以检查文件中的内容更改
- expressjs文件上传,检查是否确实有文件发送,指定最大文件大小&保留它的名字
- 上传前请检查文件大小
- 如何在javascript上传前检查文件大小
- PHP 文件上传 - 不检查文件大小
- 检查HTML5视频的文件大小
- 应用 javascript 来检查文件大小和扩展名
- 如何在javascript验证中检查最大上传文件大小
- 在上传时检查文件大小
- 在通过ajax方法上传图像之前,请检查Jquery中的文件大小和文件类型
- 检查文件大小在上传和停止上传超过文件大小限制与javascript
- 上传文件前请检查文件大小
- 在步骤更改检查文件大小和文件类型jquery -步骤