vue把图片image转为base64格式

最新推荐文章于 2024-07-29 14:17:59 发布

WeirdoMeng

最新推荐文章于 2024-07-29 14:17:59 发布

阅读量1w

点赞数 1

分类专栏： VUE技术文章标签： image转为base64格式 vue图片格式转换 base64格式 img转base64 图片转为base64格式

By--前端小白

本文链接：https://blog.csdn.net/qq_41009893/article/details/103242270

版权

介绍了一个在Vue中将图片（image）转换为Base64格式的方法，该方法可作为全局方法使用，通过`that.$getBase64Image(image)`调用，也可在特定页面单独定义并调用。

摘要由CSDN通过智能技术生成

关注微信公众号：每日玩机获取ios、Android、tv、mac黑科技软件

在这里插入图片描述

这个方法是写成了一个全局方法、用that.$getBase64Image(image)调用，如需单独使用也可以单独在页面中写成一个方法来调用

   /**
     * 把图片转为base64格式
     * 使用方法如下
     * let url = this.$url + 图片地址;
     * let image = new Image();
     * let that = this;
     * image.crossOrigin = '';
     * image.src = url;
     * image.onload = function () {
     * let base64 = that.$getBase64Image(image);
     * base64就是转换后得到的格式，直接可以赋值给其他数据（调用that）
     * }
     */
    Vue.prototype.$getBase64Image = i