jquery将图片转换成base64格式字符串_司江龙的博客-程序员秘密_jquery 转base64

技术标签: jquery  

<script>
    /**
		 * 将图片转换为Base64
		 */
		function image2Base64(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;
		}

        $("#tijiao").click(function(){

            var imgurl = $(".z_addImg img").attr("src");  //获取的图片路径


		    var img = new Image();

		    img.src=imgurl;
		 
	        var base64 = image2Base64(img);

	      	alert(base64);   //弹出base64图片字符串看看,如果很长很长就成功啦
        })
</script>

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_40896800/article/details/82997538

智能推荐

微信小程序-ColorUI的demo错误_BeYourOwnHero的博客-程序员秘密

#form表单里,图片每次选择的限制为四个,当已经传了三张图片时,会继续可以选择四张图片,这样就会显示出7张图片,可以尝试如下修改:ChooseImage() { var maxImgNum = 4-this.data.product.pictures.length wx.chooseImage({ count: maxImgNum, //默认9 siz...

dpdk-20.11 编译和安装_choumin的博客-程序员秘密

快速记录一下 dpdk-20.11 的编译和安装过程。dpdk-20.11 以后使用了基于 meson 和 ninja 的构建方式,带来的好处就是编译和安装都很简单,不需要像之前的版本那样设置环境变量。前提是要安装 meson 和 ninja。具体编译和安装过程如下:$ git clone git://dpdk.org/dpdk-stable$ cd dpdk-stable$ git checkout 20.11$ meson build$ ...

vim下编辑却显示readonly的解决方法 E325: ATTENTION E45: 'readonly' option is set (add ! to override)_踮起脚尖。的博客-程序员秘密_vim提示readonly

那是因为文件的属性是只读属性假设我的文件为a.py,在强制退出时,有时会生成.swp文件,反正处理起来相当麻烦。接下来我会出两种方法,第一种适合单次操作,第二个一劳永逸。第一种情况, 你已经编写完发现出现readonly时,你可以wq!退出,vim会自动保存。第二种情况, 你想要完全不再跳出这个烦人的页面,你可以 在命令行输入 rm -r .a.py.s...

QT多线程使用QMutex加锁学习实战_我也不太懂她的博客-程序员秘密_qt线程加锁

本次练习基于我之前做的图像处理小demo(点击处理按钮,三种图像处理操作同时对同一图片对象进行处理),修改了继承QThread的线程使用方式,并进行了加锁设计,三种图像处理的线程不能对同一图片同时进行操作,即当前线程处理完这个操作,其他线程才可对其进行其他操作。...

window.open()详解_喜剧新人的博客-程序员秘密_window.open

语法window.open(URL,name,specs,replace)var specs="height=400,width=600,alwaysRaised,directories=no,toolbar=no,titlebar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no";返回值:oNewWind...

将py文件打包成可exe文件_瘦瘦晶晶的博客-程序员秘密_py打包成exe

一:为什么要打包?众所周知,Python脚本不能在没有安装Python的机器上运行,需打包成可脱离python环境直接运行的.exe文件方便其他同学使用,目前比较常见的打包exe方法都是通过Pyinstaller来实现。二:安装Pyinstaller首先我们要先安装Pyinstaller,直接在cmd使用pip命令pip install pyinstaller如果网速太慢可以切换国内源来加速pip install -i https://pypi.douban.com/simple/ pyins

随便推点

framework中phonewindowmanager对power键的处理_浅学误人的博客-程序员秘密

转自 http://blog.csdn.net/kc58236582/article/details/51568506这篇博客主要分析power按键点亮屏幕和灭屏,而且我们主要分析在PhoneWIndowManager的流程。之前的博客我们分析过按键的流程,当有按键会先到PhoneWindowManager的interceptKeyBeforeQueueing函数,然后再去分析到应用,而power...

浅谈高通平台NON-HLOS.bin文件生成和镜像加载过程_渴望成长的菜鸟的博客-程序员秘密_non-hlos

      声明:本文只用于个人学习交流,若不慎造成侵权,请及时联系我,立即予以改正       NON-HLOS.bin文件是BP侧的一个镜像,最终被烧写到modem分区,但最近研究发现,其不仅仅包含modem镜像,它还包含ADSP镜像、Wcnss镜像、Venus镜像、Widevine镜像,还有一些安全相关的镜像。AP侧Init进程解析init.rc时,会通过kernel PIL驱动程序加载...

MySQL行锁和表锁的含义及区别是什么?_爱洗头的和尚的博客-程序员秘密_mysql行锁与表锁的区别

一、前言对于行锁和表锁的含义区别,在面试中应该是高频出现的,我们应该对MySQL中的锁有一个系统的认识,更详细的需要自行查阅资料,本篇为概括性的总结回答。MySQL常用引擎有MyISAM和InnoDB,而InnoDB是mysql默认的引擎。MyISAM不支持行锁,而InnoDB支持行锁和表锁。如何加锁?MyISAM在执行查询语句(SELECT)前,会自动给涉及的所有表加读锁,在执行更新操作(UPDATE、DELETE、INSERT等)前,会自动给涉及的表加写锁,这个过程并不需要用户干预,因此用户一般

(C++)函数重载(简单易懂,新手入门级)_小黄TimTim仔的博客-程序员秘密

默认参数能够使用不同数目的参数调用同一个函数,而函数多态(函数重载)能够使用多个同名的函数。首先了解清楚“函数多态”和“函数重载”是什么意思?多态:指有多种形式——所以函数多态允许函数可以有多种形式。函数重载:指可以有多个同名函数,因此对名称进行了重载。这样一看,“多态”和“函数重载”这不是同一回事嘛。我们可以通过函数重载设计一系列函数,这些函数都是完成相同的工作,但使用不同的参数列表。eg:小明可以在课室跳舞(函数print),也可以在操场跑步(函数print)。函数重载的关键

FreeType学习小结_wu051778的博客-程序员秘密_freetype

FreeType是一个完全开源的、可扩展、可定制且可移植的字体引擎,它提供TrueType字体驱动的实现统一的接口来访问多种字体格式文件,包括点阵字、TrueType、OpenType、Type1、CID、CFF、Windows FON/FNT、X11 PCF等。FreeType函数库具有以下特点: (1)它使得客户应用程序可以方便地访问字体文件,无论字体文件存储在哪里,并且与字体格式无关。 (2...

网络对讲机C#服务器 Android客户端(二) C#服务器代码分析 附加_zhujinghao09的博客-程序员秘密

完整的工程下载地址(源码):http://download.csdn.net/detail/zhujinghao09/5313666C# 录音功能实现引用 第三方库      WaveLib.IWaveControl wave;            wave = new WaveLib.Wave();            wave.ErrorEvent