微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐