依靠jq.ajax和php快速搭建文件上传题目

最新推荐文章于 2024-07-08 21:50:19 发布

阿杰_

最新推荐文章于 2024-07-08 21:50:19 发布

阅读量128

点赞数

分类专栏： CTF 文章标签： php ajax 前端

本文链接：https://blog.csdn.net/sanqin_/article/details/121060373

版权

CTF 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

前端

<body>
    <input type="file">
    <br><br>
    <button>提交</button>
    <p></p>
    <script src="lib/js/jquery-3.5.1.js"></script>
    <script>
        $('button').on('click',() => {
            let formDateObj = new FormData()
            formDateObj.append('file', $('input')[0].files[0])
            $.ajax({
                url: './data.php',
                type: 'post',
                data: formDateObj,
                contentType: false,
                processData: false,
                success: (e) => {
                    console.log(e);
                }
            })
            }
        })
    </script>
</body>

后端

<?php
    // 判断文件是否上传
    !isset($_FILES['file']['error']) && die('文件上传错误');

    // 判断文件夹是否存在，不存在则创建
    !is_dir('./upload') && mkdir('./upload', 0777);

    // 获取文件的名字和临时存储的路径
    $fileName = $_FILES['file']['name'];
    $filePath = $_FILES['file']['tmp_name'];

    // 将文件移动到指定文件夹下
    move_uploaded_file($filePath, './upload/' . $fileName) && print('文件上传成功');

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阿杰_

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
依靠jq.ajax和php快速搭建文件上传题目

前端<body> <input type="file"> <br><br> <button>提交</button> <p></p> <script src="lib/js/jquery-3.5.1.js"></script> <script> $('button').on('click',() => {
复制链接

扫一扫