[LayaAir 2.0]Laya下的图片上传示例(完整版)




/**
* 用户提交图片 file 表单 基于原生 dom
*
*/

//创建隐藏的file并且把它和按钮对齐。达到位置一致,这里我们默认在0点位置
var file:any = Laya.Browser.document.createElement("input");
var img:any = Laya.Browser.document.createElement("img");
//设置file样式
file.style="filter:alpha(opacity=0);opacity:0;width:200px;height:100px;background:url(b1.png) no-repeat center;cursor:pointer;";
file.type ="file";//设置类型是file类型。
file.size ="30";
file.accept="image/png/jpg";//设置文件的格式为png;
file.style.position ="absolute";
// file.style.zIndex = 999;
Laya.Browser.document.body.appendChild(file);//添加到页面;
var fileReader:any = new Laya.Browser.window.FileReader();

file.onchange = function(e:any):void
{
if(file.files.length>0)
{

if(20*1024<file.files[0].size)
{
console.log("图片大小不能超过20kb!")
}else{
fileReader.readAsDataURL(file.files[0]); //转换图片格式为字符编码
}

}
};
fileReader.onload = function(e):void
{
if(Laya.Browser.window.FileReader.DONE == fileReader.readyState)
{ var data = e.target.result;
img.onload = function(){
var width = img.width;
var height = img.height;
if(width<100&&height<100){
var bgImg = new Laya.Sprite();
bgImg.loadImage(data);
Laya.stage.addChild(bgImg)
}else{
console.log("图片超标"+width+"--"+height);
}
};
img.src =data;
}
};
已邀请:

Aar0n

赞同来自:

感谢分享~!

要回复问题请先

商务合作
商务合作