在平台中发现根本没有地方保存图片,相对路径的方法用不了,所以用了网络地址,但是现实中不能这样做,怎么办呢?

将图片转换为Base64编码,可以让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。

var upslice='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAC8UlEQVRYR+2WT2jUQBTGvzdZi3/AoojgRRFBrbRqBcX6Dw8iCt1N9lA2EdSjIIgVPIggFC8qgrSg4FEs7aZUbJO2Fr2IghU9WKRalOJFqaAX0WKF3c08iXR30+12k91UENycMpn3vvfLN28mIfxjF4XhcQz1CjP2E9E9JdnfHkYrm1sxkGNo7WA+m4NgblV67I6wUBUBObp2CeDLhcUZdCJi9neGgSobyDHU02Dcmq8og5sjpj1UKVRZQBlDM4i526+YILGHkn3P/eKKzQcGSie0w4L4YcAiUjhooF5rPGB8LiwQECeiOyWJl15xJjwlxm4ANQC+MvCBgCaP8pRg3kym/bkcKF8gTsQ3SpJjM4VntOmUiIgBmXEmAbga08KpWS6V1HUA5zwAk2Ka68i2p4JClQTi4/HVMi3fAVjhefO7StI6yce0XVLyi+xzoaRqqWv4R8ZQnxDjgCd+XGxqbKC2NhkEal4gjkaXymXC7YF1+UOLB4VpR91xRo/FCGTlgMA7yLRH3bGTUEdB2J6dY2AkYlp7QwE5uvoawFaP6LOIae3LjjMJ7SgRP8gBkayn5MBbd8wtLUukknLv1+dfBkPCtJr9oIo6NMd2xpjosbYRwEGA/kAZ0VWSxXsAKwuXuxTUHCCZUPuYoHmSPopFv7ZQ56OfXqFSDuVcTWgbJPEbAIvzUNShJPtb54OaBeToqrtDbniCvwniOkraXwoF0kbsiGAaLrZk3ljWY40S9Kog/4JiWteKQRUCuTDZbZsSwqmn7sGJYolBHMrmpXXtoAA/DuLSLCBuaamVkdRtZl6jKHSGuiz3/Cl6lQPkCrgnPZG8SEwTQtacp97e774O+e2AcnuoHD3PbqwkDSjXoaBVfD8dC7VkVSDhOamDulFt6kqcqja1n2tVh/4jh3Q1TsD93O+H5xfWz4VS8xX3EBvxJslyJA+EtWRan8LAuLkVA7nJjq5eBXAIzHeUHvtmWJjQQAsBUKgRyqEq0N9wwE/zN1CCZzSMWP+PAAAAAElFTkSuQmCC';
var downslice='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAC5klEQVRYR+2YTUgUYRjH/8/OqzUzGhIUER3MWUHLIhLCCAIvRR0iooIufWEnA0OQDh2C6CRFIBRECH2cDCIiIrv0calDRWQWFTNqQYc+wCCdUefjiZnd1dF2nZndg0L7npbd5/k/v/f/Pjz7zhAW2aJFxoOSgdKmdIBBp8E0WKPYJ14T7FI2WRLQRoY6bomxHAARH9Zl99aCAdWOYZWUEt8ApLIQXYbiXFgwoPQfrGBJjABQfAhiOqmr9uUyUM6BskNRvVB2qOyQPzqiXJjv93IPRbn3/zqkWdJVZmoAc/eQ6j4o5FQeh9p11b5SKH41Q1Es0ceADDd1yqieGpwbm7epNVPwdKCHXUaV05+vSKIjY6S0CfEWjKZAi/DQkJ3dyYEyGdsMxXk+NzmJQ5opXgBomdZgvm6o7rFYQHWmuEhAZyiYPS+1abhqaiAsENchzRL9YOycyaWvnmdvGa7C91hAflB6XOplouOhBMsjp3FYxpck//aaWdEH8MGQzihcp8Goxo98bTDvYNRMcQfAvlDiT8lx1n1ehl8BdMQFTbOka2BqC+VPUkpary+dNAo1fuSk1kzxGEDrjACPqLLbNEAYz15hffHgxghQh6HYPf4nzRTdALrChYlps67abwrBZHo9xtJM8QpA83QoYdCQnQ3Zwv5ThgjEiNp02e7VLHEGjPOzYAituuw8jSoXC6iZUfHbEu8B1IcE7xqys7/OknQCrc3sjrYScaXHeDbbGd6rq+69KJjYDvmBtaOokZaITwBWhoRfArwcIC373RMA2wFIM27yUUN2b8SBSQQUNLGJNQzxAUB1nAIE6tQV+1Kc2FxMrCMLC9ZPVjZ6rvdulgt5KhLjnK46Z5PAJHYoJ542K1oY7E/eQqvHUJyOpDBFAwXHNyF2sIdH/xRlummo9pFiYEoCyvRU8KLhdq44A/eHFGdPsTAlA/kCdaZ0iEDtzPxxSHXDU7korsRNXVSVBElloCiz/gLxoFY0fSIIBwAAAABJRU5ErkJggg==';
var pingheng='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAaklEQVRYR+3UsQkAIRBEUa3AgqzfgqxAY9ngIxis8C8dTobnYC3JvpqsT7EQ3YhCCpEA5W5IIRKg3A0pRAKUxw2Nueinp3lvRwcLBd3/hJ4O5P4wH0YyU0ghEqDcDSlEApS7IYVIgPJ0G9rrsQwluvrengAAAABJRU5ErkJggg==';
  for(let j in sell_theardObj){let date_status=sell_theardObj.dataStatus == "上升"?upslice:(sell_theardObj.dataStatus == "下降"?downslice:pingheng);let tian_status=sell_theardObj.tianStatus == "上升"?upslice:(sell_theardObj.tianStatus == "下降"?downslice:pingheng);}

效果图

在线图片转base64的网站分享给大家

图片转base64

将图片转为base64,这样就不用找地方保存图片了,有时根本没有地方保存图片相关推荐

  1. 为什么要将图片转为base64格式

    图片的 base64 编码就是可以将一副图片数据编码成一串字符串,使用该字符串代替图像地址; 1. 提升性能: 网页上的每一个图片,都是需要消耗一个 http 请求下载而来的, 图片的下载始终都要向服 ...

  2. php 图片文件转base64编码格式,php如何将图片转为base64编码格式

    php将图片转为base64编码格式的方法:首先读取图片流:然后利用[base64_encode]函数进行编码格式转换即可. PHP保存Base64图片base64_decode的问题 PHP对Bas ...

  3. java返回图片base64_java将图片转为base64返回给前端

    本文实例为大家分享了java将图片转为base64返回给前端的具体代码,供大家参考,具体内容如下 一.controller端代码 @RequestMapping(value = "/capt ...

  4. Nodejs 使用 Buffer 将图片转为 base64

    一直以为图片转为 base64 很复杂,结果今天看了下 Docusaurus 的 plugin-ideal-image 插件源码,居然只要一行代码就完事了: const toBase64 = (ext ...

  5. Java将图片转为Base64

    Java将图片转为Base64 import net.coobird.thumbnailator.Thumbnails; import org.apache.commons.codec.binary. ...

  6. java 上传图片转base64_java将图片转为base64返回给前端

    本文实例为大家分享了java将图片转为base64返回给前端的具体代码,供大家参考,具体内容如下 一.controller端代码 @RequestMapping(value = "/capt ...

  7. 使用canvas.toDataURL把图片转为base64格式

    使用canvas.toDataURL把图片转为base64格式 function getBase64(url) {//通过构造函数来创建的 img 实例,在赋予 src 值后就会立刻下载图片,相比 c ...

  8. php将上传的图片转为base64,html5实现把上传的图片转成base64编码在显示(代码实例)...

    本章给大家介绍html5实现把上传的图片转成base64编码在显示(代码实例).有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来详细的看一看base64编码: 什么是bas ...

  9. Java处理富文本编辑器的图片转为base64编码

    一.需求(场景) 后台(内网)通过富文本编辑器编辑的图文信息,需要在移动端(外网)展示,需要将内容中的图片的src的路径替换成base64编码的传递到前台. 二.思路 1.获取内容中的<img& ...

最新文章

  1. 解决小米手机缩放窗口问题
  2. java 图形立即显示_java 图形显示
  3. 判断图有无环_判断无向图/有向图中是否存在环
  4. mysql 多列合并为一列_多列数据合并一列,还在用数据透视就out了,用=号只要三步完成...
  5. 模型的搜索和优化方法综述:
  6. aptitude 命令_C-命令行参数Aptitude问题与解答
  7. 魔兽世界联盟物价稳定的服务器,一个残酷的真相!在《魔兽世界》怀旧服,女生一般都爱选联盟...
  8. 通俗理解TCP握手次数是三次?
  9. 买二手房已经过户等待银行放款,应该没有变数了吧?
  10. [opencv] Unsupported depth of input image
  11. ArchSummit微课堂|蘑菇街DevOps实践及心路历程分享
  12. Windows下安装和配置NodeJS
  13. archlinux安装mysql_在Arch Linux中安装MySQL
  14. 黑苹果驱动_黑苹果目前已可以完美驱动内置intel WiFi
  15. vscode安装插件提示版本不匹配或版本过低
  16. 二十五个软件测试经典面试题
  17. linux 计划任务的使用
  18. 移动支付深入我们的生活,行业态势又如何?
  19. 常用的求和公式(级数求和)
  20. 台湾大学林轩田机器学习技法课程学习笔记8 -- Adaptive Boosting

热门文章

  1. 常见的计算机网络联网设备有哪些,常见的网络设备有哪些
  2. CET-4 week7 融会贯通
  3. Eric靶机渗透测试
  4. 设计,看上去很美 wayfarer
  5. win7家庭版怎么升级旗舰版
  6. 一键反推食谱,与狗对话,识别女票表情…愚人节,AI 也被玩坏了...
  7. html引入腾讯地图导航
  8. 计算机中分类汇总的列子,EXCEL函数大全(含详细例子)-excel函数大全详细.pdf
  9. 启迪故事之 -- 扁鹊的医术
  10. 微信里有人每天早上发的早报新闻是从哪里获取的?