<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>
新闻热点
疑难解答