如何把图片的地址转换为base64
来源:互联网 发布:大数据金融行业的前景 编辑:程序博客网 时间:2024/05/20 01:38
1.利用canvas.toDataURL去转换
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title></head><body><script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script><script type="text/javascript"> function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); // 利用img.onload是解决不了这个问题的,必须是在运行服务器的情况下,还有是本地的图片 // 注意浏览器上的地址栏是localhost:8080这一类的地址 /*img.onload = function(){ ctx.drawImage(img, 0, 0, img.width, img.height); }*/ 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 = 'e824b899a9014c08e68d91d6007b02087bf4f40b.jpg'; img.onload =function() { var data = getBase64Image(img); img.src=data; console.log(data); } document.body.appendChild(img); } main() </script></body></html>
切记如果不在本地服务器运行,将会出现这样的问题,还有可能导致地址变为了base64,然而图片不显示出来
阅读全文
0 0
- 如何把图片的地址转换为base64
- Android-读取本地文本,把Base64 datastring转换为图片
- 根据图片地址转换为base64编码字符串
- 如何把一个Post过来的图片Base64编码转化为Stream
- 如何把一个Post过来的图片Base64编码转化为Stream
- 如何把图片转换为PDF文档
- 如何把base64转成图片
- js图片转换为base64
- 图片转换为Base64编码
- Java实现base64图片转换为base64字符串。base64字符串转换图片 之间的互相转换,并保存在本地。
- android 把图片转换成Base64字符串
- 如何把彩色图片转换为单色图片-GDI+
- 如何把多张图片转换为PDF文件
- 如何把Word中艺术字转换为图片
- 如何把base64编码转换回图片=bbs整理出来
- 把mp3文件编码为base64, 然后再把base64为转换为mp3
- 关于如何把canvas中的内容转换为图片上传到服务器的操作过程
- 图片文件转换为base64编码
- 关于python文件操作
- 用canvas实现视频播放与弹幕功能
- <mvc:annotation-driven />
- Vue.js devtools:调试vue.js应用的浏览器扩展 Chrome插件
- MongoDB导出导入数据
- 如何把图片的地址转换为base64
- DOM访问表格子元素的常用属性和方法
- WebSocket的原理,以及和Http的关系
- 设计模式--责任链模式
- vue2.0+element+node+webpack搭建的一个简单的后台管理界面
- 升级安装php7要考虑的3个重要方面
- 网站
- 亚马逊全球开店卖家峰会昨日举行,内附2018亚马逊开店入驻通道
- 史上最牛JAVA思维导图学习笔记