1. <rp id="zgbkf"></rp>
      <tt id="zgbkf"></tt>
      <rt id="zgbkf"><optgroup id="zgbkf"></optgroup></rt>
          1. 首页>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(程老师)

            13353541028(刘老师)

            微信扫一扫

            三肖三码三中三高