PHP前端开发

如何使用 jQuery Fileupload、Ajax 和 PHP 实现多文件上传?

百变鹏仔 2天前 #PHP
文章标签 如何使用

如何使用 jquery fileupload、ajax 和 php 上传文件

想要了解如何使用 jquery fileupload、ajax 和 php 上传文件?请看以下示例:

<html><head>    <script src="jquery-1.11.3.min.js"></script>    <script src="jquery.fileupload.js"></script></head><body>    <form id="fileupload">        <input type="file" name="files[]" multiple="multiple">    </form>    <script>        $('#fileupload').fileupload({            url: 'upload.php',            datatype: 'json',            done: function (e, data) {                $.each(data.result.files, function (index, file) {                    $('<p/>').text(file.name).appendto('#files');                });            }        });    </script>    <div id="files"></div></body></html>

upload.php 文件:

<?phpif (isset($_FILES['files'])) {    foreach ($_FILES['files']['error'] as $key => $error) {        if ($error == UPLOAD_ERR_OK) {            move_uploaded_file(                $_FILES['files']['tmp_name'][$key],                'uploads/' . $_FILES['files']['name'][$key]            );        }    }    echo json_encode([        'files' => $_FILES['files']    ]);}

该代码展示了一个简单的多文件上传表单,使用 jquery fileupload 插件处理文件上传,并通过 ajax 将文件发送到 php 脚本以保存它们。

立即学习“PHP免费学习笔记(深入)”;