2013-02-26 63 views
3

載入單獨的網頁,我使用Ajax表單輸入文件上傳的笨

<script src="http://malsup.github.com/jquery.form.js"></script> 

我的AJAX形式上傳。

當我上傳沒有Codeigniter框架的文件時,這工作正常。但是,當我工作框架內使用它,它讓我看到下面的錯誤: -

HTTP wrapper does not support writeable connections 

再加上它實際加載一個單獨的頁面

這裏是我的代碼: -

<html> 
<head> 

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
    <script src="http://malsup.github.com/jquery.form.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      var options = { 
       clearForm: true, 
       resetForm: true 
      }; 
      // bind 'myForm' and provide a simple callback function 
      $('#myForm').ajaxForm(function() { 
       //alert("Thank you for your comment!"); 

      }); 
      $('#myForm').ajaxForm(options); 

     }); 
    </script> 

</head> 

<body> 
    <form id="myForm" name="myForm" action="comment.php" method="post" enctype="multipart/form-data"> 
     <input type="text" name="name" /> 
     <br /> 
     <textarea name="comment"></textarea> 
     <br /> 
     <input type="file" value="Share a Pic" name="file" id="file" /> 
     <br /> 
     <input type="submit" value="Submit Comment" /> 
    </form> 
</body> 

對於Codeigniter,我將操作更改爲

site/submit_myform 

所以它加載網站/ submit_myform。網站是我的控制器。其他值被存儲在數據庫中

感謝

+2

您可以使用Firefox或Chrome的控制檯上,轉到newtork選擇XHR請求,並查看至極URL用於Ajax請求? – 2013-02-26 18:13:45

+0

嗨,現在一切正常,文件上傳功能和所有輸入數據正在存儲。但它正在重定向到一個單獨的頁面。我試過你上面說的,但我無法看到任何網址,而我提交表格 – 2013-02-27 19:54:34

+0

我甚至從表單中刪除了動作,然後在var options = {part中添加了一個url,但它仍然不起作用 – 2013-02-27 19:56:24

回答