<h1>文件上传与对象爆炸的简单案例</h1>
<script>
var id = 0;
startUpload = function( uploadType, files ){
for( var i = 0, file; file = files[ i++ ]; ){
var uploadObj = new Upload( uploadType, file.fileName, file.fileSize );
uploadObj.init( id++ );
}
};
var Upload = function( uploadType, fileName, fileSize ){
this.uploadType = uploadType;
this.fileName = fileName;
this.fileSize = fileSize;
this.dom = null;
};
Upload.prototype.init = function( id ){
var that = this;
this.id = id;
this.dom = document.createElement("div");
this.dom.innerHTML =
'<span>文件名称:' + this.fileName + ', 文件大小:' + this.fileSize + '</span>' +
'<button class="delFile">删除</button>';
this.dom.querySelector( '.delFile' ).onclick = function(){
that.delFile();
};
document.body.appendChild( this.dom );
};
Upload.prototype.delFile = function(){
if( this.fileSize < 3000 ){
return this.dom.parentNode.removeChild( this.dom );
};
if( confirm( "确定要删除该文件么?" + this.fileName )){
return this.dom.parentNode.removeChild( this.dom );
}
};
startUpload( "plugin", [
{
fileName: "1.txt",
fileSize: 1000
},
{
fileName: "2.txt",
fileSize: 2000
},
{
fileName: "3.txt",
fileSize: 5000
}
])
</script>
js对象爆炸的简单示例
最新推荐文章于 2024-05-06 11:21:47 发布