PHP中使用ajax 实现文件上传

最新推荐文章于 2021-08-04 15:00:03 发布

原创最新推荐文章于 2021-08-04 15:00:03 发布 · 1.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#formData #ajax

学习笔记专栏收录该内容

12 篇文章

订阅专栏

本文介绍了在PHP中如何利用ajax技术配合formData对象实现文件上传。通过创建formData实例，将表单数据添加到其中，然后使用ajax发送到后台，以此达到无刷新上传文件的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. ajax技术上传时要使用 : new formData ;

首先看一下formData的基本用法：FormData对象，可以把所有表单元素的name与value组成一个queryString，提交到后台。只需要把 form 表单作为参数传入 FormData 构造函数即可：然后使用 append() 方法向该对象里添加字段（字段的值可以是一个 Blob 对象，File对象或者字符串，剩下其他类型的值都会被自动转换成字符串）。

<form action=""  enctype="multipart/form-data">
        <table  border="1"> 
            <tr>
                <td><input type="file" name="file"></td>                       
            </tr>
        </table>
</form>

<script> var formData = new FormData($('form')[0]); </script>

$.ajax({  
        url:"formtext.php",
        type: "POST",  
        data: formdata,  
        processData: false,  // 告诉jQuery不要去处理发送的数据  
        contentType: false   // 告诉jQuery不要去设置Content-Type请求头  
});

注意:

processData: false, contentType: false,缺少这二者的设置，将会出现  红色部分的错误提示，提交失败。（ajax传值的时候设置二者）

processData设置为false。因为data值是FormData对象，不需要对数据做处理。

cache设置为false，上传文件不需要缓存。

contentType设置为false。因为是由<form>表单构造的FormData对象，且已经声明了属性enctype="multipart/form-data"，所以这里设置为false。

<?php
$upFile = $_FILES['file'];
//print_r($upFile);exit;
/**
 * 创建文件夹函数,用于创建保存文件的文件夹
 * @param str $dirPath 文件夹名称
 * @return str $dirPath 文件夹名称
 */
function creaDir($dirPath){
    $curPath = dirname(__FILE__);
    $path = $curPath.'\\'.$dirPath;
    if (is_dir($path) || mkdir($path,0777,true)) {
        return $dirPath;
    }
}
//判断文件是否为空或者出错
if ($upFile['error']==0 && !empty($upFile)) {
    $dirpath = creaDir('upload');
    $filename=date('H-i-s').'-'.rand(10000,99999).'.jpg';
    $queryPath = './'.$dirpath.'/'.$filename;
    //move_uploaded_file将浏览器缓存file转移到服务器文件夹
    if(move_uploaded_file($_FILES['file']['tmp_name'],$queryPath)){
        echo $queryPath;
    }else{
        echo '文件上传失败';
    }
}

 ?>

注意: 这里 formData 的介绍比较少 , 可以快捷的实现 ajax文件上传; 还有其他方式; 通过ajax 序列化和提交表单;