通过javascript清除fileUpload控件的内容答案

【问题标题】：Clearing contents of fileUpload control through javascript通过javascript清除fileUpload控件的内容
【发布时间】：2012-04-05 11:43:41
【问题描述】：

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

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>

问题是内容没有被清除，如果只是第一次清除，文件大小超过了，如果用户一次又一次地改变他的选择，内容没有被清除。可能是某种逻辑错误

【问题讨论】：

标签： php javascript file-upload upload

【解决方案1】：

如果你的意思是清除 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 = "";
}

你的意思是这样的吗..

【讨论】：