首页>HTML5>正文

HTML5上传图片base64编码显示缩略图

时间:2017-07-10 17:39:48   来源:山西尚学堂   阅读:

 

 


$('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);
})



分享:0

电话咨询

客服热线服务时间

周一至周五 9:00-21:00

周六至周日 9:00-18:00

咨询电话

0354-3052381

13593182599(程老师)

18435931890(王老师)

微信扫一扫