问题: 在前端如何将image转成base64编码?

回答:

要实现这个功能,要使用canvas来做,Canvas里面提供了一个toDataURL的接口,可以用这个接口获得图片的base64

所以思路是:

获得canvas对象

加载图片到canvas对象里面

从canvas对象中获取base64数据

我给个例子

Document

function getBase64Image(img) {

var canvas = document.createElement("canvas");

canvas.width = img.width;

canvas.height = img.height;

var ctx = canvas.getContext("2d");

ctx.drawImage(img, 0, 0, img.width, img.height);

var dataURL = canvas.toDataURL("image/png");

return dataURL

// return dataURL.replace("data:image/png;base64,", "");

}

function main() {

var img = document.createElement('img');

img.src = './images/yeoman.png';

img.onload =function() {

var data = getBase64Image(img);

console.log(data);

}

document.body.appendChild(img);

}

main()

然后可以在控制台看到base64的数据

希望可以帮到你

java提取图片base64,如何把相关推荐

  1. Java对图片Base64转码--HTML对Base64解码 [ Java加强版 ]

    Java对图片Base64编码 package base64;import java.awt.image.BufferedImage; import java.io.ByteArrayInputStr ...

  2. 使用java提取图片的色彩边界

    想做图片识别,但是大厂只提供接口,看不到实际代码,只能自己来动手了.这篇文章主要是介绍如何从一张图片里面提取色彩边界,用于后面做特征分析,算是基础部分. 图片处理步骤 使用 Thumbnails 工具 ...

  3. Java提取图片文字 tess4j

    1.下载中文语言包 https://tesseract-ocr.github.io/tessdoc/Data-Files 下载 chi_sim.traineddata 2.maven依赖 <!- ...

  4. java提取图片位置信息_实战项目——获取图片中的GPS位置信息和拍摄时间

    今天突然看到有人写过获取图片中位置信息的程序.我觉得很有趣,也就自己实践了一下,研究了一下 话不多说,先上代码 1 #!/usr/bin/env python3 2 #-*- coding: utf- ...

  5. 【Java】图片 base64

    https://www.baeldung.com/java-base64-image-string 国内的前10条结果都是抄的一个,一模一样...真是醉了... google一下,得到了上面的结果,用 ...

  6. redis java 存储图片_Redis 存储图片 [base64/url/path]vs[object]

    一.base64图片编解码 基本流程:从网络获取下载一张图片.然后base64编码,再base64解码,存到本地E盘根文件夹下. import java.awt.image.BufferedImage ...

  7. java converttobase64_Java 工具箱 | 图片-Base64 互转

    前言 最近真的被图片上传的功能给烦恼了.在web的项目中,我们经常会有上传图片的业务场景,最典型的是上传头像.为了解决头像上可以有如下的实现: 使用 multipart/form-data 上传用户信 ...

  8. java后台保存base64图片数据

    java后台保存base64图片数据 使用byte[] bytes = new BASE64Decoder().decodeBuffer(str);需要引入sun.misc.BASE64Decoder ...

  9. java 微信开发图片发送,微信开发?Java上传Base64图片

    class="java">import org.apache.commons.codec.binary.Base64; import org.apache.log4j.Log ...

最新文章

  1. Python的零基础超详细讲解(第一天)-Python简介以及下载
  2. 安卓(android)建立项目时失败,出现Android Manifest.xml file missing几种解决方法?...
  3. android实现类似于支付宝余额快速闪动的效果
  4. 如何将csv包含的数据导入SAP Cloud Platform HANA MDC里
  5. php的web表单系统源码毕设_从业十多年看了千百套Java毕设项目,整理出100个精品!免费分享...
  6. CSDN创作的markdown语法效果示意图
  7. speex回声消除源码解读
  8. 最新EyouCMS发布工具
  9. 供应链优势持续赋能 国美生态圈日趋完善
  10. 微信小程序商品详情页面开发案例
  11. ⅴs2010控件名称及用方法_VS2010 用户自定义工具箱控件的制作方法
  12. 缺失值处理,你真的会了吗?
  13. GEE-Scholars MODIS地表温度LST时间变化趋势
  14. 电脑重装系统后Win11底部任务栏大小调整方法
  15. Excel应用:去除重复项,进行个数计算。
  16. Windows相关系统性学习
  17. 反爬虫爬取网易云歌单
  18. cocos creator教程【打造路径编辑系统】
  19. SPSS数据分析软件的安装与介绍(附网盘链接)
  20. 武汉市工业互联网发展专项资金申报条件,2022年政策奖励补贴情况

热门文章

  1. js html body onload,动态添加页面body OnLoad事件的简单js代码
  2. layui数据表格导入Excel,后端打印乱码
  3. python爬取物流信息_手把手教你用Python爬取快递100查询你的物流信息
  4. 计算机毕业设计(附源码)python幼儿园管理系统
  5. xp系统网上邻居看不到局域网电脑_网上邻居看不到局域网的其它计算机名
  6. 加密聊天软件(技术文档)
  7. 建模与仿真matlab论文,matlab+fluent等温容器建模与仿真研究
  8. PyCharm 4.5 激活码
  9. 计算机监控系统检验规程,计算机监控系统护规程.doc
  10. b、B、KB、MB、GB 的关系