使用jquery表单上传

Question

我正在使用jquery.Form上传jquery。 我想点击链接上传1，上传2，上传3，上传4，打开选择文件的窗口并进行上传。以下代码仅在我按一下上传链接时才有效。如果我按一次上传1（工作）和上传2（不起作用），上传3（不工作），上传4（不起作用）。

为什么？

<a href="#" class="open">Upload 1</a>
<a href="#" class="open">Upload 2</a>
<a href="#" class="open">Upload 3</a>
<a href="#" class="open">Upload 4</a>

<form id="myForm" action="upload.php" method="post" enctype="multipart/form-data">
     <input type="file" name="photo" class="input"  style="display: block; visibility: hidden;"/>
 </form>

<div id="message"></div>

<script>
$(document).ready(function() {

  $('.open').click(function(){
    $('.input').click();
    $('.input').change(function() {
        $('#myForm').submit();
    });  
});

var options = { 
  complete: function(response) 
  {
    $("#message").html("<font color='green'>"+response.responseText+"</font>");
  },
  error: function()
  {
    $("#message").html("<font color='red'> ERROR: unable to upload files</font>");
  }    
}; 

   $("#myForm").ajaxForm(options);
 });
</script>