根据图片的路径（绝对路径/相对路径都可以），生成base64的

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title>nick getBase64</title>

</head>

<body>

<div><img id="test" src="" alt=""/></div>

<script src="jquery.min.js"></script>

<script>

//  var imgSrc = "https://img.alicdn.com/bao/uploaded/TB1qimQIpXXXXXbXFXXSutbFXXX.jpg";

    var imgSrc = "pic.jpg";

//    var imgSrc = "img/1.jpg";

      function getBase64(img){//传入图片路径，返回base64

        function getBase64Image(img,width,height) {//width、height调用时传入具体像素值，控制大小 ,不传则默认图像大小

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

          canvas.width = width ? width : img.width;

          canvas.height = height ? height : img.height;

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

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

          var dataURL = canvas.toDataURL();

          return dataURL;

        }

        var image = new Image();

        image.crossOrigin = '';

        image.src = img;

        var deferred=$.Deferred();

        if(img){

          image.onload =function (){

            deferred.resolve(getBase64Image(image));//将base64传给done上传处理

          }

          return deferred.promise();//问题要让onload完成后再return sessionStorage['imgTest']

        }

      }

      getBase64(imgSrc)

        .then(function(base64){

          console.log(base64);

          $("#test").attr("src",base64)

        },function(err){

          console.log(err);

        });

</script>

</body>

</html>

根据图片的路径（绝对路径/相对路径都可以），生成base64的的更多相关文章

php远程图片抓取存放到本地路径并生成缩略图
private function _getcontent($content) { $img_dir='../Public/Img/Ycimg'; //远程图片抓取存放 ...
关于富文本编辑器—UEditor（java版）的使用，以及如何将UEditor的文件/图片上传路径改成绝对路径
突然发现好久没写博客了,感觉变懒了,是要让自己养成经常写文章的习惯才行.既可以分享自己的所学,和所想,和大家一起讨论,发现自己的不足的问题. 大家可能经常会用到富文本编辑器,今天我要说的是UEdito ...
织梦dedecms5&period;7二级域名文章图片不显示修改方法&period;相对路径改为绝对路径的方法
dedecms升级到5.7SP1后,开启二级域名,你会发现,在二级域名下的文章,上传的图片地址都是:二级域名+图片地址,这是相对路径.但是你的图片是默认上传在uploads里面的.应该使用绝对路径.这 ...
webpack配置：图片处理、css分离和路径问题
一.CSS中的图片处理: 1.首先在网上随便找一张图片,在src下新建images文件夹,将图片放在文件夹内 2.在index.html中写入代码:<div id="pic" ...
dedecms5&period;7二级域名文章图片不显示修改方法&period;相对路径改为绝对路径的方法
dedecms5.7(织梦CMS5.7)二级域名文章图片不显示修改方法.相对路径改为绝对路径的方法 dedecms升级到5.7SP1后,开启二级域名,你会发现,在二级域名下的文章,上传的图片地址都是: ...
配置vue项目将打包后图片文件的引用路径改为cdn路径&quest;
vue cli3项目, 需求: 图片文件打包时, 将项目内的所有图片文件的引用地址改为cdn路径 vue cli3的默认配置下, 打包后图片使用的是相对路径, 例如打包后项目内图片引用路径为 img/ ...
html中的图片、css、js等路径加载问题
网页文件的存取路径有3种:物理路径.绝对路径和相对路径. 物理路径就是你的文件放在主机上的具体位置,例如:D:\\image\\1.jpg 这种格式,该方法可以很快确定出你的文件,但是在网页显示路径基 ...
iOS开发——路径篇&amp&semi;混编路径与全局宏路径
混编路径与全局宏路径最近在做东西的时候有一个地方要用到一个第三方库的,但是目前swift版的还没有找到,自己又不想写(其实是不会写),所以就想到了混编,但是中间出现了好多问题,其中印象最深的就是桥接 ...
Python主文件路径和当前模块路径
主执行文件路径sys.argv[0] ...

随机推荐

SYSLOG审记日志的配置。
前言 syslog是UNIX系统中提供的一种日志记录方法(RFC3164),syslog本身是一个服务器,程序中凡是使用syslog记录的信息都会发送到该服务器,服务器根据配置决定此信息是否记录,是记 ...
sql Server 触发器调用java&period;
在这里,通过 xp_cmdshell 调用java程序. 步骤: 1)开启 xp_cmdshell(sql Server 2008): 通过如下命令开启: -- To allow advanced o ...
php&colon;兄弟连之面向对象版图形计算器1
曾经看细说PHP的时候就想做这个,可是一直没什么时间,这次总算忙里偷闲搞了代码量比較多的project. 首先,文档结构,都在一个文件夹下就好了,我的就例如以下. 一開始,进入index.php文件. ...
文件类似的推理 -- 超级本征值（super feature）
基于内容的变长分块(CDC)技术,能够用来对文件进行变长分块.而后用来进行反复性检測,广泛用于去重系统中.后来又出现了对相似数据块进行delta压缩,进一步节省存储开销. 所以就须要一种高效 ...
MySQL分区表的局限和限制
禁止构建分区表达式不支持以下几种构建: 存储过程,存储函数,UDFS或者插件声明变量或者用户变量可以参考分区不支持的SQL函数算术和逻辑运算符分区表达式支持+,-,*算术运算,但是不支持DI ...
Python -堆的实现
最小(大)堆是按完全二叉树的排序顺序的方式排布堆中元素的,并且满足:ai >a(2i+1) and ai>a(2i+2)( ai <a(2i+1) and ai<a(2 ...
json&lowbar;encode()中文不转码
php使用json_encode()把数组转换为json的时候,总会把中文进行转码,转码后从json数据上我们无法看出其中的中文文字.php5.4以后,当json_encode()的第二个参数赋值为J ...
B&period; Menci 的序列
题解: 首先subtask1直接状压暴力就好 subtask2我的处理和题解不太一样仍然正向考虑设i的时候有最高位为j,那么这个时候数一定越大越好(这个比较好yy) 然后$f[i][j]$搞个高精 ...
c&num; 获取 com 引用真实组件地址
1.根据guid获取 var clsid = new Guid("63EA2B90-C5A8-46F4-8A6E-2F2436C80003").ToString("B&q ...
OID的编解码（即在报文中的体现）
先上干货: 我们常见到OID的地方是SNMP和MIB,实际上理论上所有对象都可以有自己的ID.已存在的ID可以在http://www.oid-info.com/查到.这些ID在报文里并非字符串或直接的 ...