html文件的图标显示缩略图,HTML5上传图片base64编码显示缩略图

营业执照

添加图片

$('input[type=file]').change(function(){

var inputObj=$(this);//input对象

var liObj=$(this).parent('a').parent('li');//input所在li对象

var aObj=$(this).parent('a.cert-btn-blue-add');//上传按钮

var oFile=this.files[0];

var oReader = new FileReader();

oReader.onload = function(e){

var sBase64 = e.target.result;

// 部分Android下base64字符串格式不完整

if(window.gIsAndroid && sBase64.indexOf("data:image/") != 0){

var sMime = sName.split(".").pop().toLowerCase();

sBase64 = sBase64.replace("base64,","image/" + sMime + ";base64,");

}

var src=sBase64;

var img = new Image();

img.onload = function () {

liObj.append(img);

liObj.find('a.cert-arrow-right-2x').show();

};

img.src = typeof src === 'string' ? src : URL.createObjectURL(src);

aObj.hide();

sBase64 = null;

}

oReader.readAsDataURL(oFile);

})

html文件的图标显示缩略图,HTML5上传图片base64编码显示缩略图相关推荐

nodejs html 生成图片,使用nodejs将html5 canvas base64编码图片保存为文件
目前流行的"你画我猜"应用,你有没有想过使用HTML5来实现过?那么不可避免的需要解决canvas保存图片到硬盘或mongodb之类的数据库.本文主要介绍使用nodejs将html ...
【Java后端】读取文件夹中的图片转成base64编码并写入properties文件
如图所示,图片放在maven项目的src/test/resources/img/目录下面,main方法.工具类等在generator/目录下,生成的properties文件在src/main/reso ...
图片base64编码显示
为什么80%的码农都做不了架构师?>>> <img id="img" width="auto" height="auto ...
win7修改文件夹图标
花了好几天时间折腾了一下win7操作系统的文件夹图标, 今天终于弄好了, 写下来和大家分享一下. 方法一: 修改注册表这个方法很简单, 但是局限也是很明显的: 首先,文件夹选项里面要选择" ...
【HTML5】------- 图片Base64编码详解
引言图片处理在前端工作中可谓占据了很重要的一壁江山.而图片的 base64 编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的 base64 编码.标题略大,不过只是希望通过一些浅显 ...
BASE64编码的图片在网页中的显示问题
BASE64位转码有两种: 一种是图片转为Base64编码,这种编码是直接可以在页面通过<img src='base64编码'/>的方式显示 Base64 在CSS中的使用 .demoIm ...
android转base64内存溢出,base64编码处理大文件
在作项目的时候遇到须要将文件转为base64编码,并存储在文件中.程序员在将文件转为base64编码是会将文件读入内存,进行base64编码,输出到文件中.代码入下:编码 1spa 2code 3内 ...
win10服务器文件夹显示不全,Windows10文件/文件夹图标显示不正常的两种解决方案...
Windows10系统用户在使用电脑时,偶尔会碰到某些程序/文件/文件夹图标显示不正常的问题.其实,这很可能是系统图标缓存出现错误导致的.该问题早在Win7.Win8.Win8.1系统中就出现过.下面 ...
TortoiseSVN文件夹图标不显示
伴随着十二月的脚步,小编带领的市委组织部项目有条不紊的进行着,在最近的项目中遇到一个问题TortoiseSVN文件夹的图标不显示,为什么小编已经安装好TortoiseSVN了,发现文件夹的图标还是系统 ...

html文件的图标显示缩略图,HTML5上传图片base64编码显示缩略图

html文件的图标显示缩略图,HTML5上传图片base64编码显示缩略图相关推荐

最新文章

热门文章