html5多图上传预览-海口网站制作

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]); //转成base64
var fileName = this.files[i].name;
reader.onload = function(e){
var imgMsg = {
name : fileName,//获取文件名
base64 : this.result //reader.readAsDataURL方法执行完后，base64数据储存在reader.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';
}
}
}
}
}

html5多图上传预览