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';
-
}
-
}
-
}
-
}
-
}
【我们与众不同】凭借对设计的热爱和执着,互联网营销趋势的敏锐洞察和深刻理解,与众多同行不同的是,我们更注重与客户互促共生,价值同在。