vue+ts+vuetify vue-upload-component 拖拽上传图片

安装

npm i vue-upload-component

使用

效果图

拖拽上传.jpg

自己封装回显图片

效果图

图片回显.jpg

文件大小格式化

export function renderSize(value: string) {
    if (!value || value === '') {
        return '0 Bytes';
    }
    const unitArr = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];

    let index = 0;
    const srcsize = parseFloat(value);

    index = Math.floor(Math.log(srcsize) / Math.log(1024));
    const size = srcsize / Math.pow(1024, index);

    const res = size.toFixed(2);

    return res + unitArr[index];
}