前端将图片直接转成Base64,纯前端操作

最新推荐文章于 2024-07-16 09:46:31 发布

xixisi888

最新推荐文章于 2024-07-16 09:46:31 发布

阅读量4.7k

点赞数 1

分类专栏：前端操作文章标签： javascript es6 html vue.js typescript

本文链接：https://blog.csdn.net/xixisi888/article/details/113541800

版权

本文介绍一种前端实现图片到Base64转换的方法，旨在减少与服务器的交互，直接在浏览器中完成图片转Base64并显示。

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

需求：为了减少和服务器的交互，前端将图片文件直接转成Base64格式并且展示。

/**
 * 将图片转成base64格式
 *
 * @param imageFile 图片文件
 * @param callback 转成成功函数回调（这里是接收转换成功结果的函数）
 * @param errorCallback 转成失败函数回调（这里是接收转换失败结果的函数）
 */
export function convertImgToBase64(imageFile, callback, errorCallback) {
   
    try {
   
        let reader = new FileReader