0

我是 JQuery 新手 - 我需要使用 JQuery 表单插件进行文件上传，但我想在选择文件后立即提交表单（输入标签的 onchange 事件：myfile，如下所示），

<html>
<body>
    <form encType="multipart/form-data" method="post" action="file-echo.php" encoding="multipart/form-data" id='fileUploadForm'>
        **<input name="myfile" type="file">**
        <input value="Upload File to Server" type="submit">
    </form>

    <div class="progress">
        <div style="width: 0%;" class="bar"></div>
        <div class="percent">0%</div>
    </div>

    <div id="status"><br></div>
 </body>
</html>

我从插件网站复制了以下示例 JS 代码，但我想对其进行调整，以便在选择文件时提交表单。请问有什么指点吗？提前致谢。

 $(document).ready(function(){
         $('#myfile').change(function(){

         // alert("");
       $('#fileUploadForm').ajaxForm({ 
            beforeSubmit: ShowRequest,
            success: SubmitSuccesful,
            error: AjaxError                               
          });

       });

      function ShowRequest(formData, jqForm, options) {
          var queryString = $.param(formData);
          alert('BeforeSend method: \n\nAbout to submit: \n\n' + queryString);
          return true;
        }

        function AjaxError() {
          alert("An AJAX error occured.");
        }

        function SubmitSuccesful(responseText, statusText) {        
          alert("SuccesMethod:\n\n" + responseText);
        }
4

1 回答 1

3

如果它完全有效（因为文件上传对象由于安全问题而变化无常）并且您的意思是按照原始问题中的说明提交表格 - 那么这可能有效：

 $(document).ready(function(){
     $('#myfile').change(function(){
       $('#fileUploadForm').submit();
     });
 });

如果您想对数据进行 Ajax，请尝试添加一些您似乎缺少的括号

 $(document).ready(function(){
   $('#myfile').change(function(){

     // alert("");
      $('#fileUploadForm').ajaxForm({ 
        beforeSubmit: ShowRequest,
        success: SubmitSuccesful,
        error: AjaxError                               
      });

   });
}); // close the .ready
于 2012-10-28T19:05:56.730 回答