ajax实现文件上传，多文件上传，追加参数

最新推荐文章于 2024-07-30 09:22:36 发布

weixin_30454481

最新推荐文章于 2024-07-30 09:22:36 发布

阅读量515

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hesijian/p/9199231.html

版权

<!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="上传" οnclick="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>

转载于:https://www.cnblogs.com/hesijian/p/9199231.html

weixin_30454481

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
ajax实现文件上传，多文件上传，追加参数

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>文件上传</title></head><body><form id= "uploadForm"> <p >指定文件名：...
复制链接

扫一扫