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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM