<var id="bd95f"></var>

<ins id="bd95f"></ins>

<ins id="bd95f"></ins>

<var id="bd95f"><noframes id="bd95f">

<ins id="bd95f"></ins>

<ins id="bd95f"></ins>

主页 > 新闻 > 网站优化 >

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]); //转成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';
}
}
}
}
}

【我们与众不同】凭借对设计的热爱和执着，互联网营销趋势的敏锐洞察和深刻理解，与众多同行不同的是，我们更注重与客户互促共生，价值同在。

本文所有内容若需转载请联系我们。

文章分类

热门文章

亚洲综合色丁香婷婷六月图片,18videosex性欧美69,爸爸的大还是我的大呀,印度肥妇黑毛bbw