jQuery 表单插件 - 文件上传时未捕获类型错误

发布于 2024-11-25 20:32:21 字数 1645 浏览 5 评论 0 原文

当我不选择任何要上传的文件时,当我只填写发布表单以外的其他输入时,没有问题,它正在工作。但是当我选择用于图像上传的文件而不是发布它时,我收到此错误,但是当我查看文件夹时,我看到该文件已上传。但 JavaScript 失败了。

jquery.form.js:357 Uncaught TypeError: 
Object function (a,b){return new d.fn.init(a,b,g)} has no method 'handleError'

这是我的代码,

<form id="employeeaddform" class = "classform" enctype="multipart/form-data" action="inc/employeeadd.php"  method="post">
        <p><input type="file" size="32" name="my_field" value="" /></p>
        <p class="button"><input type="hidden" name="action" value="image" />

        <label for="nname">Personal Name : </label> 
        <input name="nname" id="nname" type="text" tabindex="11" />
        <br />

        <label for="ninformation">Information : </label>
        <textarea id="ninformation" name="ninformation"></textarea>

        <div align="center">
            <input id="button1" type="submit"/> 
            <input id="button2" type="reset" />
        </div>
</form>

<script type="text/javascript">
$(document).ready(function(){
        var options_employeeadd = { 
                beforeSubmit:  validate_employeeadd,  // pre-submit callback 
                success:       showResponse_employeeadd  // post-submit callback 
                                   };

        $('#employeeaddform').ajaxForm(options_employeeadd); });

        function validate_employeeadd(formData, jqForm, options) {...}

        function showResponse_employeeadd(responseText, statusText, xhr, $form)  {...} 

there is no problem when I don't select any file for upload, when I just fill the other inputs than post form, It's working. but when I choose a file for image upload than post it, I'm getting this error, but when I look folder, I see that file uploaded. but javascript failed.

jquery.form.js:357 Uncaught TypeError: 
Object function (a,b){return new d.fn.init(a,b,g)} has no method 'handleError'

here is my code,

<form id="employeeaddform" class = "classform" enctype="multipart/form-data" action="inc/employeeadd.php"  method="post">
        <p><input type="file" size="32" name="my_field" value="" /></p>
        <p class="button"><input type="hidden" name="action" value="image" />

        <label for="nname">Personal Name : </label> 
        <input name="nname" id="nname" type="text" tabindex="11" />
        <br />

        <label for="ninformation">Information : </label>
        <textarea id="ninformation" name="ninformation"></textarea>

        <div align="center">
            <input id="button1" type="submit"/> 
            <input id="button2" type="reset" />
        </div>
</form>

<script type="text/javascript">
$(document).ready(function(){
        var options_employeeadd = { 
                beforeSubmit:  validate_employeeadd,  // pre-submit callback 
                success:       showResponse_employeeadd  // post-submit callback 
                                   };

        $('#employeeaddform').ajaxForm(options_employeeadd); });

        function validate_employeeadd(formData, jqForm, options) {...}

        function showResponse_employeeadd(responseText, statusText, xhr, $form)  {...} 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

爱你是孤单的心事 2024-12-02 20:32:21

最新版本的 jquery form 不使用“handelError”。在这里下载: https://github.com/malsup/form/ blob/master/jquery.form.js

更新: 最新链接是:https://github.com/jquery-form/form/blob/master/src/jquery.form.js

The latest version of jquery form doesn't use 'handelError'. Download it here: https://github.com/malsup/form/blob/master/jquery.form.js

UPDATE: The latest link is: https://github.com/jquery-form/form/blob/master/src/jquery.form.js

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文