zoukankan      html  css  js  c++  java
  • ajax实现文件上传,多文件上传,追加参数

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>文件上传</title>
    </head>
    <body>
    <form id= "uploadForm">  
          <p >指定文件名: <input type="text" name="filename" value= ""/></p >  
          <p >上传文件: <input type="file" name="file1" id="file1"  multiple="multiple"  /></p> 
          <p >上传文件: <input type="file" name="file2" id="file2" /></p> 
          <p >上传文件: <input type="file" name="file3" id="file3" /></p>  
          <input type="button" value="上传" onclick="doUpload()" />  
    </form>  
    <script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
    <script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="js/common.js"></script>    
    <script type="text/javascript">
    //获取token
    var token = parent.window.document.getElementById("token").value;    
        
    function doUpload() {  
        var formData = new FormData();
        formData.append("token", token);
        formData.append("file1", $('#file1')[0].files[0]);
        formData.append("file2", $('#file2')[0].files[0]);
        formData.append("file3", $('#file3')[0].files[0]);
        $.ajax({  
             url: 'bookController/uploadMult' ,  
             type: 'post',  
             data: formData,  
             cache: false,
             processData: false,
             contentType: false,
             async: false
        }).done(function(res) {
            
        }).fail(function(res) {
            
        });
    }
    
    
    </script>  
    </body>
    </html>
    
  • 相关阅读:
    百度文库文档下载分析
    旅游公司招聘Java工程师
    C# 在Repeater 的ItemDataBound 如何转换e.Item.DataItem 的类型
    IOS多线程GCD
    vDSP加速的应用
    ios获取内核数目
    Struts06---通配符的使用
    Struts05---动态查询
    Struts04---命名空间的查询顺序以及默认执行的Action
    Struts03---参数传递
  • 原文地址:https://www.cnblogs.com/hesijian/p/9199231.html
Copyright © 2011-2022 走看看