zoukankan      html  css  js  c++  java
  • 使用ajax提交form表单,包括ajax文件上传

    <form id="test">
                <input type="file" name="img"/>
                <input type="text" name="username"/>
                <input type="button" value="提" onclick="test();"/>
                            .............
     </form>

    大家注意到没有,里面可是有文件的哦!

    没错,FormData还支持困扰众多开发者已久的ajax的上传文件,以前我们上传文件,需要写一个表单直接刷新提交,但是这里不需要,下面给出提交代码:

    function test(){
                var form = new FormData(document.getElementById("tf"));
    //             var req = new XMLHttpRequest();
    //             req.open("post", "${pageContext.request.contextPath}/public/testupload", false);
    //             req.send(form);
                $.ajax({
                    url:"${pageContext.request.contextPath}/public/testupload",
                    type:"post",
                    data:form,
                    processData:false,
                    contentType:false,
                    success:function(data){
                        window.clearInterval(timer);
                        console.log("over..");
                    },
                    error:function(e){
                        alert("错误!!");
                        window.clearInterval(timer);
                    }
                });        
                get();//此处为上传文件的进度条
            }
    

      参考文档:http://www.cnblogs.com/zhuxiaojie/p/4783939.html

  • 相关阅读:
    Scanner类
    BufferedReader类
    打印类
    管道流
    内存操作流
    转换流——OutputStreamWriter类与InputStreamReader类
    Java字节流与字符流基本操作
    RandomAccessFile类
    File类
    Timer类和TimerTask类
  • 原文地址:https://www.cnblogs.com/james-roger/p/7421482.html
Copyright © 2011-2022 走看看