2017-11-10 75 views
0

我試圖用這個libary來創建一個進度條。PHP和jQuery上傳進度條

但我得到的最基本的例子這樣的錯誤:

Uncaught TypeError: Cannot read property 'success' of undefined at r.fn.init.e.fn.ajaxSubmit (jquery.form.js:171) at HTMLFormElement.t (jquery.form.js:1026) at HTMLFormElement.dispatch (jquery-3.2.1.slim.min.js:3) at HTMLFormElement.q.handle (jquery-3.2.1.slim.min.js:3)

這是我的代碼:

<head> 
     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js" integrity="sha384-FzT3vTVGXqf7wRfy8k4BiyzvbNfeYjK+frTVqZeNDFl8woCbF0CYG6g2fMEFFo/i" crossorigin="anonymous"></script> 


     <script> 
     $(document).ready(function() { 
      $('#fileUploadForm').ajaxForm(function() { 
       alert("Thank you for your comment!"); 
      }); 
     }); 
    </script> 
    </head> 

<body> 
     <form id="fileUploadForm" method="POST" enctype="multipart/form-data"> 
      <input type="file" name="files[]" multiple> 
      <input type="submit" value="Prenesi"> 

     </form> 
</body> 
+0

是jquery.form.min.js可用嗎? jQuery.form 4.2.2與jQuery 3.2.1兼容嗎? –

+0

是的,是的(根據它的文檔,它與jQuery 3.x.x兼容) – John

回答

0

你的錯誤告訴你在你的腳本的確切行,其中錯誤的是被拋出。你沒有成功的功能。改變你的代碼到這個,它應該工作:

$(document).ready(function() { 
    $('#fileUploadForm').ajaxForm({ 
     success: function() { 
      alert("Thank you for your comment!"); 
     } 
    }); 
}); 
+0

我已經嘗試過了,它仍然不工作,顯示相同的錯誤。 – John