ajax 利用formdata对象实现多文件上传

最新推荐文章于 2024-05-23 19:37:56 发布

邓紫棋的小粉丝

最新推荐文章于 2024-05-23 19:37:56 发布

阅读量1.2w

点赞数

分类专栏： php 文章标签： ajax

本文链接：https://blog.csdn.net/u010957293/article/details/73369322

版权

php 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

直接上代码:
html代码

<!doctype html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <title>多文件上传</title>
  <script src="jquery.js"></script>
  <script>
   $(function(){
         $("#btn").click(function(){
               var formData = new FormData();
               for(var i=0; i<$('#file')[0].files.length;i++){
                   formData.append('file[]', $('#file')[0].files[i]);
               }
               $.ajax({
                  url: "test.php",
                  type: "POST",
                  processData: false,
                  contentType: false,
                  data: formData,
                  success: function(d){

                  }
               });

          });

   })

  </script>
</head>
<body>
    <form>    
     <input  type="file" multiple id="file" name="file[]" > 
     <input  type="button" id="btn" value="提交"/>
    </form>
</body>

test.php代码:

<?php
var_dump($_FILES);die();

具体上传代码相信都已经知道.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

邓紫棋的小粉丝

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
ajax 利用formdata对象实现多文件上传

直接上代码: html代码<!doctype html><html lang="zh"><head> <meta charset="utf-8"> <title>多文件上传</title> <script src="jquery.js"></script> <script> $(function(){ $("#btn").click(function()
复制链接

扫一扫