Question

我正在使用

<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

所以它加载site / submit_myform。网站是我的控制者。其他值存储在数据库中

谢谢

Answer 1

如果页面正在重定向，则ajax部分无法正常工作。您需要在return false;期间on submit以防止网页重定向。

我建议关注ajaxSubmit()example provided in the form plugin.

ajax表单输入文件上传在codeigniter中加载一个单独的页面

1 个答案: