html5¶àͼÉÏ´«Ô¤ÀÀ
ÍøÕ¾±à¼ £º2020-03-09 20:12 / º£¿ÚÍøÕ¾½¨Éè / ¼¼Êõ·ÖÏí
-
function readFile(){
-
dataArr = { data : [] };
-
fd = new FormData();
-
var iLen = this.files.length;
-
for(var i=0;i<iLen;i++){
-
if (!input['value'].match(/.jpg|.gif|.png|.bmp/i)){¡¡¡¡
-
return alert("ÉÏ´«µÄͼƬ¸ñʽ²»ÕýÈ·£¬ÇëÖØÐÂÑ¡Ôñ");
-
}
-
var reader = new FileReader();
-
fd.append(i,this.files[i]);
-
reader.readAsDataURL(this.files[i]);
-
var fileName = this.files[i].name;
-
reader.onload = function(e){
-
var imgMsg = {
-
name : fileName,
-
base64 : this.result
-
}
-
dataArr.data.push(imgMsg);
-
result = '<div style="display:none" class="result" ><img src="'+this.result+'" alt=""/></div>';
-
div = document.createElement('div');
-
div.innerHTML = result;
-
div['className'] = 'float';
-
document.getElementsByTagName('body')[0].appendChild(div); ¡¡¡¡
-
var img = div.getElementsByTagName('img')[0];
-
img.onload = function(){
-
var nowHeight = ReSizePic(this);
-
this.parentNode.style.display = 'block';
-
var oParent = this.parentNode;
-
if(nowHeight){
-
oParent.style.paddingTop = (oParent.offsetHeight - nowHeight)/2 + 'px';
-
}
-
}
-
}
-
}
-
}
¡¾ÎÒÃÇÓëÖÚ²»Í¬¡¿Æ¾½è¶ÔÉè¼ÆµÄÈȰ®ºÍÖ´×Å£¬»¥ÁªÍøÓªÏúÇ÷ÊÆµÄÃôÈñ¶´²ìºÍÉî¿ÌÀí½â£¬ÓëÖÚ¶àͬÐв»Í¬µÄÊÇ£¬ÎÒÃǸü×¢ÖØÓë¿Í»§»¥´Ù¹²Éú£¬¼ÛֵͬÔÚ¡£
±¾ÎÄËùÓÐÄÚÈÝÈôÐè×ªÔØÇë
ÁªÏµÎÒÃÇ¡£