html5多圖上傳預(yù)覽
網(wǎng)站編輯 :2020-03-09 20:12 / ?诰W(wǎng)站建設(shè) / 技術(shù)分享
-
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';
-
}
-
}
-
}
-
}
-
}
【我們與眾不同】憑借對設(shè)計的熱愛和執(zhí)著,互聯(lián)網(wǎng)營銷趨勢的敏銳洞察和深刻理解,與眾多同行不同的是,我們更注重與客戶互促共生,價值同在。
本文所有內(nèi)容若需轉(zhuǎn)載請
聯(lián)系我們。