问题
想要在页面显示待上传文件的文件大小,并带有单位。
解决
var app = new Vue({
el: '#app',
data: {
UNITS: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
STEP: 1024
},
// 在 `methods` 对象中定义方法
methods: {
format: function format(value, power) {
return (value / Math.pow(this.STEP, power)).toFixed(2) + this.UNITS[power];
},
readFileSizeUnit: function(value) {
value = parseFloat(value, 10);
for (var i = 0; i < this.UNITS.length; i++) {
if (value < Math.pow(this.STEP, i)) {
if (this.UNITS[i - 1]) {
return this.format(value, i - 1);
}
return value + this.UNITS[i];
}
}
return this.format(value, i - 1);
}
}
});
使用的时候,只需要调用readFileSizeUnit(file.size);
即可。file为javascript里面的对象,即Web APIs里面的File。