通过javascript清除fileUpload控件的内容

时间:2012-04-05 11:43:42

标签: php javascript file-upload upload

我正在使用脚本来检查所选文件的文件大小,现在我想清除文件上传的内容,如果文件超出大小限制:

var myFile = document.getElementById('attach');
myFile.addEventListener('change', function () {
 var size = this.files[0].size;
 if(size>10000000){
 showDialog('File exceeded maximum allowed limit of 10 Mb', 'File Size Exceeds');
 clear('new');
}

});

明确的功能是:

 <script>
  function clear(tagId) {
  document.getElementById(tagId).innerHTML = 
  document.getElementById(tagId).innerHTML;
  }
 </script>

html输入控制代码是

  <div id="new">
  <input type="file" name="attach[]" id="attach" size="30"
  onchange="document.getElementById('moreUploadsLink').style.display = 'block';" />
  </div>

问题是内容未被清除,如果仅第一次清除,文件大小超过,如果用户一次又一次地更改其选择,则内容不会被清除。某种逻辑错误可能是

1 个答案:

答案 0 :(得分:0)

如果你想清除div的内容,那么:


myFile.addEventListener('change', function () {
 var size = this.files[0].size;
 if(size>10000000){
   showDialog('File exceeded maximum allowed limit of 10 Mb', 'File Size Exceeds');   
 }
 clear('new'); //place it out of if , if you want to clear everytime
});

function clear(tagId) {
  document.getElementById(tagId).innerHTML = "";
}

你的意思是这样的......