1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html文件的图标显示缩略图 HTML5上传图片base64编码显示缩略图

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

时间:2020-07-02 03:00:44

相关推荐

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);

})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。