jquery 图片文件转base64 显示

<input type="file" id="open-file" />

  

$("#open-file").on('change',function(){
		var excelFile =$(this)[0].files[0];
		$("#open-file").val("");
	    $("#open-file").attr("accept", null);
            if (excelFile) {
    		 var FR= new FileReader();
    		 FR.addEventListener("load", function(e) {
    		   img.attr('src',e.target.result);
    		   console.log(e.target.result);
    		 });
    		 FR.readAsDataURL( excelFile );
    	}
});

  

时间: 2024-12-02 20:59:17

jquery 图片文件转base64 显示的相关文章

利用COM组件IPicture读取jpg、gif、bmp图片文件数据和显示图片

1.读取图片数据 函数原型:bool LoadImage(const char *pName, unsigned char *pBitData); 函数功能,读取pName指向的图片文件的位图数据 bool LoadImage(const char *pName, unsigned char *pBitData) {     HDC     hdcTemp; // DC用来保存位图     HBITMAP     hbmpTemp; // 保存临时位图     IPicture    *pPic

图片文件不能正常显示。

问题描述 开发环境配置为:MyEclipse7.0+Tomcat6.0+MSSQLServer2000,编写的JSP文件不能正常显示图片,而是显示为重叠的形式.图片用的是img标签:<imgsrc="images/hometitle.jpg"/>.这是为什么呢,如何解决?请不吝赐教. 解决方案 解决方案二:什么是重叠的形式?解决方案三:你另外建一个JSP页面,看看图片是不是有问题啊!解决方案四:直接在IE地址栏上输入图片的URL地址,看是否正常显示.如果正常就在JSP页面上

python将图片文件转换成base64编码的方法_python

本文实例讲述了python将图片文件转换成base64编码的方法.分享给大家供大家参考.具体实现方法如下: import base64 f=open(r'c:\jb51.gif','rb') #二进制方式打开图文件 ls_f=base64.b64encode(f.read()) #读取文件内容,转换为base64编码 f.close() 调用方法如下: 复制代码 代码如下: <img src="R0lGODlh1wBOAPcAAAAAAP///7a4u+jq7bG1ucrN0N7g4tLU

php实现图片以base64显示的方法_php技巧

本文实例讲述了php实现图片以base64显示的方法.分享给大家供大家参考,具体如下: 这里实现图片以字符串形式保存到网页,从而不需要再加载图片的功能. 这是在RFC2397中定义的Data URI scheme,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入,比如上面那串字符,其实是一张图片,将这些字符复制黏贴到火狐的地址栏中并转到,就能看到了. 在上面的Data URI中,data表示取得数据的协定名称,image/jpeg是数据类型名称,base64是数据的编码方法,逗号

Win8禁止在导航窗格中显示图片文件夹的方法

  Win8系统默认情况下,左侧的导航窗格包含库文件夹目录,底下包括视频.文档.音乐.图片这四个文件夹,有的用户希望禁止导航窗格显示图片文件夹,这该怎么操作? 操作方法 1.打开库文件夹. 2.右键点击图片文件夹. 3.在菜单中选择不在导航窗格中显示. 3.左侧导航窗格的图片文件夹就消失了. 你也可以将视频.文档.音乐其它3个文件夹设置禁止显示在导航窗格中,操作方法一样.

win7系统下图片文件夹无法正常显示图片缩略图的方法

  缩略图就是对图片的一个缩略显示,把好多张图片,把它按照倍数缩放成一张张可视的整图,便于人们浏览的方便.缩略图用于在Web浏览器中更加迅速地装入图形或图片较多的网页.因其小巧,加载速度非常快,故用于快速浏览.相当于图片文件预览及目录的作用.在Windows系统中,为了提高被频繁浏览的缩略图的显示速度,系统会将这些被显示过的图片进行缓存,以便下次打开时直接读取缓存中的信息,但也非常容易引起系统缓存文件错误.也正因为这样引起win7系统预览图片时缩略图无法正常显示的问题.下面小编就为大家解答遇到上

win7电脑中的图片文件无法显示缩略图怎么办?

  说起咱们w764位旗舰版电脑中的缩略图功能,想必大家是不会陌生的吧,因为缩略图功能是咱们win7旗舰版电脑中的一个特有的,创新的功能,这个功能是之前的winXP系统中所没有的.特别是图片文件,直接有这个缩略图,用户可以更加直观的查看到这个文件的内容,十分的方便.但是最近,却有使用win7旗舰版电脑的用户反映说,自己win7旗舰版电脑中的图片文件无法显示缩略图了,那么这个问题,咱们要如何解决呢?下面,小编就来详细的介绍一下吧! 1.首先,咱们返回到win7旗舰版电脑的桌面位置,在桌面上,咱们找

android 服务器只返回图片名称,img显示资源文件对应名称的图片

问题描述 android 服务器只返回图片名称,img显示资源文件对应名称的图片 如题 android 服务器只返回图片名称,img显示资源文件对应名称的图片 解决方案 可以先根据名字获取该图片对应的ResId int resId = getResources().getIdentifier(imageNamedrawable"" packageName); 其中imageName就是你图片的名字"drawable"代表你的图片在drawable文件夹下,packa

图片显示-从数据库取出的blob图片文件如何在jsp页面展示

问题描述 从数据库取出的blob图片文件如何在jsp页面展示 我用下面代码放到前台但是只显示一张图片 List list= hszcServices.getImages(); Blob fiBlob=null; String filename=null; for(TbFiles tr :list){ fiBlob=tr.getFiles(); filename=tr.getFilename(); InputStream is=fiBlob.getBinaryStream(); response.