根据图片的路径，得到图片的base64数据（实用、赞）

系统管理员 2022-02-18 13:34 409阅读 0赞

原文出处：[https://www.cnblogs.com/wind-dk/p/9056790.html][https_www.cnblogs.com_wind-dk_p_9056790.html]

思路：使用html5的新特性:canvas, 该对象有一个toDataURL() 方法，可以将画布内容转换成一个指定编码的数据。我们可以先根据图片的路径将图片“画出来”，然后得到图片的数据。

具体的TypeScript 代码：

convertImgToBase64(url, callback) {  
          var canvas = document.createElement('canvas');
          canvas.width = 1024;
          canvas.height = 768;
          var ctx = canvas.getContext('2d');
          var img = new Image;
          img.crossOrigin = 'Anonymous';  
          img.onload = function() {  
             canvas.height = img.height;  
             canvas.width = img.width;  
             ctx.drawImage(img, 0, 0);  
             var dataURL = canvas.toDataURL('image/jpeg');  
             callback.call(this, dataURL);  
             canvas = null;  
          };  
          img.src = url;  
    }

调用的时候：

this.convertImgToBase64(filePath, function(base64Image) {
    　　//filePath 即为图片的路径
    　　//base64 是转化后的图片数据
    });

[https_www.cnblogs.com_wind-dk_p_9056790.html]: https://www.cnblogs.com/wind-dk/p/9056790.html

发表评论取消回复

表情：

评论列表（有 0 条评论，409人围观）

还没有评论，来说两句吧...

相关阅读

相关 java得到图片的base64值

此方法不用导依赖,windows和linux都能用. 上代码 > package com.export.diaojiekou.base64_img; >

浅浅的花香味﹌/ 2024年03月31日 14:04/ 0 赞/ 43 阅读

相关获取图片的base64编码以及根据base64编码生成图片

说明：什么是base64编码呢？百度百科上面给出的解释是这样的： > Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字

缺乏、安全感/ 2023年03月14日 13:19/ 0 赞/ 44 阅读

相关 Base64转图片和图片转Base64

<template> <view> <view class="imgtext"> <im

爱被打了一巴掌/ 2023年01月13日 09:37/ 0 赞/ 346 阅读

相关 vue 根据图片地址转换base64字符串

> getBase64(imgUrl, callback) \{ > > // 一定要设置为let，不然图片不显示 > > const image

迷南。/ 2023年01月12日 14:56/ 0 赞/ 255 阅读

相关根据背景图片计算文字颜色（实用、赞）

原文出处: [https://www.it1352.com/533401.html][https_www.it1352.com_533401.html] 延伸阅读： 1

系统管理员/ 2022年12月05日 00:54/ 0 赞/ 211 阅读

相关 base64转图片图片转base64

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

本是古典何须时尚/ 2022年06月17日 05:09/ 0 赞/ 408 阅读

相关 base64生成图片——图片转换变成base64

base64生成图片——图片转换变成base64 如题。下面上货。 package com.xueyou.demo; import org

桃扇骨/ 2022年06月15日 05:22/ 0 赞/ 449 阅读

相关 Base64图片转换为图片的方式

将base64转换为图片以及图片转换为base64码的工具类 public class base64Change { / @param imgSt

- 日理万妓/ 2022年05月28日 00:36/ 0 赞/ 233 阅读

相关根据图片的路径，得到图片的base64数据（实用、赞）

原文出处：[https://www.cnblogs.com/wind-dk/p/9056790.html][https_www.cnblogs.com_wind-dk_p_90

系统管理员/ 2022年02月18日 13:34/ 0 赞/ 410 阅读

相关前端图片在线转换Base64 图片编码Base64

首先讲一下什么是图片Base64编码：简单来说，图片的base64编码就是可以将一副图片数据编码成一串字符串，使用该字符串代替图像地址。为什么要用Base64？我们

比眉伴天荒/ 2021年09月14日 03:02/ 0 赞/ 1055 阅读