1

javascrpit関数を使用してファイル入力ボックスを作成しています。ユーザーがさらにファイルを添付したい場合、関数は次のとおりです。

<script type="text/javascript">
var upload_number = 1;
var attachmentlimit = 5;
function addFileInput() {

var d = document.createElement("div");
var file = document.createElement("input");
file.setAttribute("type", "file");
file.setAttribute("name", "attach[]");
d.appendChild(file);
document.getElementById("moreUploads").appendChild(d);
upload_number++;
if(upload_number == attachmentlimit) {
      document.getElementById('moreUploadsLink').style.display='none';
    }

    }
    </script>

また、JavaScript関数を使用してクライアントでのファイル入力のサイズを確認しています。

  <script type="text/javascript">
  var myFile = document.getElementById('attach');
    myFile.addEventListener('change', function() {
   var  size = this.files[0].size;
   alert(size,'File Size Exceeds'); 
   });
  </script>

問題は、上記のjavascript関数が、最初のファイルアップロードボックスのみのサイズアラートを表示し、他のボックスは表示しないことです。すべてのファイルアップロードのサイズを提供するためにこれを作成する方法を教えてくれる人。

4

1 に答える 1

1

イベントリスナーをfileどこかに追加しd.appendChild(file)ます。それ以外の場合、JSにイベントをリッスンするように指示しない場合、どのように期待できますか？

于 2012-04-04T17:35:18.467 に答える