input file文件转base64格式

最新推荐文章于 2024-08-20 10:29:46 发布

躺平，睡觉

最新推荐文章于 2024-08-20 10:29:46 发布

阅读量1.8k

点赞数

分类专栏： javascript 文章标签： js

本文链接：https://blog.csdn.net/qq_34164814/article/details/110952451

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

html

<input ref="fileinput" type="file" style="position:absolute; clip:rect(0 0 0 0);" accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event)">

uploadImg (e) {
            const file = e.target.files[0];
            this.fileType = file.type
            if (!['image/png', 'image/jpg', 'image/gif', 'image/jpeg'].includes(this.fileType)) {
                this.$Message.error('请上传正确的图片')
                return
            }
            if (file.size > 20 * 1024 * 1024) {
                this.$Message.error('请选择20M以内的图片')
                return
            }
            if (typeof FileReader === 'function') {
                const reader = new FileReader();
                reader.readAsDataURL(file);
                reader.onload = (event) => {
                    var Base64Val = event.target.result;
                    console.log( Base64Val)
                }
            } else {
                alert('对不起，您的浏览器暂不支持此功能！');
            }
        }