使用jquery-form.js异步上传文件和提交表单

向右看齐 2024-02-17 14:33 19阅读 0赞

<!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <meta charset="utf-8">
        <script type="text/javascript" language="javascript" src="js/jquery-1.10.2.js"></script>
        <script type="text/javascript" language="javascript" src="js/jquery.form.js"></script>
        <script type="text/javascript" language="javascript">
            $(function(){
                //异步提交表单
                $("#ajaxSubmit").on("click",function(){
                    console.log($(this));
                    $("#formToUpdate").ajaxSubmit({
                        type:'post',
                        url:'p.php',
                        success:function(data){
                            console.log(data);
                        },
                        error:function(XmlHttpRequest,textStatus,errorThrown){
                            console.log(XmlHttpRequest);
                            console.log(textStatus);
                            console.log(errorThrown);
                        }
                    });
                });
            });
        </script>
    </head>
    <body>
    
    <form id="formToUpdate" method="post" action="#" enctype="multipart/form-data">
        <input type="text" name="t1"><br />
        <input type="file" name="f1"><br />
        <input id="ajaxSubmit" type="button" value="异步提交">
    </form>
    
    </body>
    </html>

jquery.form.js下载地址 [http://download.csdn.net/detail/yusewuhen/7164041][http_download.csdn.net_detail_yusewuhen_7164041]

[http_download.csdn.net_detail_yusewuhen_7164041]: http://download.csdn.net/detail/yusewuhen/7164041

发表评论取消回复

表情：

评论列表（有 0 条评论，19人围观）

还没有评论，来说两句吧...

相关阅读

相关使用jquery-form.js异步上传文件和提交表单

<!DOCTYPE html> <html> <head> <title></title> <meta charset=

向右看齐/ 2024年02月17日 14:33/ 0 赞/ 20 阅读

相关使用ajax提交form表单，包括ajax文件上传

[使用ajax提交form表单，包括ajax文件上传][ajax_form_ajax] http://www.cnblogs.com/zhuxiaojie/p/47839

快来打我*/ 2022年07月24日 12:15/ 0 赞/ 284 阅读

相关 Ajax表单提交上传文件

Ajax表单提交上传文件： html 部分： <form id="uploadForm" enctype="multipart/form-data">

约定不等于承诺〃/ 2022年07月18日 05:15/ 0 赞/ 252 阅读

相关 jfinal文件form表单上传，ajaxfileupload异步上传

JFinal文件上传官网文档描述如下： getFile 文件上传 Controller提供了getFile 系列方法支持文件上传。特别注意：如果客户端请求为 m

绝地灬酷狼/ 2022年07月14日 07:29/ 0 赞/ 434 阅读

相关 ajax异步上传文件(无需表单)

今天给大家带来的是ajax上传文件，不需要表单，不需要把表单设置二级制数据传输格式，简单粗暴，看了之后的都会了。废话不多说，下面看代码把，最下面给大家哦提供一个示

柔光的暖阳◎/ 2022年06月10日 12:50/ 0 赞/ 431 阅读

相关表单提交文件上传

前言表单上传文件是最基本的上传文件方式，虽然现在有很多优秀的上传插件，如：webuploader、uploadify等，但我们还是说一下表单上传。具体内容 1

蔚落/ 2022年06月08日 06:50/ 0 赞/ 449 阅读

相关关于文件上传只能用表单提交而不能异步提交的问题

1.文件（图片/文档）上传就spring自带上传工具而言，只能用表单提交submit方式进行，不能使用ajax异步提交表单，因为异步提交之后input标签的内容就被spring

墨蓝/ 2022年06月02日 05:40/ 0 赞/ 305 阅读

相关用AJAX异步提交表单上传多个文件（type=‘file‘）案例

因为在框架中上传文件时不适合直接用form提交，因为这样会刷新页面。我们一般会用ajax进行异步上传。此方法可上传多种类型文件。 html代码：注

今天药忘吃喽~/ 2022年05月28日 06:19/ 0 赞/ 546 阅读

相关异步提交表单上传文件

一，引入jquery.min.js以及jquery.form.js插件（jquery.min.js必须是1.9以上版本支持） ![70][] 二，页面添加js代码

绝地灬酷狼/ 2022年05月26日 09:26/ 0 赞/ 285 阅读

相关文件的上传（表单上传和ajax文件异步上传）

一.表单上传： html客户端部分： <form action="upload.ashx" method="post" enctype="multipart/f

亦凉/ 2021年06月26日 16:06/ 0 赞/ 686 阅读