时间戳

首页 > 解决方案 > 使用 filepond 创建用于文件上传的 PHP 后端

javascript - 使用 filepond 创建用于文件上传的 PHP 后端

问题描述

我正在网站上创建一个表单，其中也需要上传文件（图像和 pdf）。到目前为止，我使用了一个简单的input type="file"元素，在后端耦合到一个 PHP 文件（代码如下）：

$allowed = array('jpg', 'jpeg', 'pdf', 'png');
if(isset($_FILES['uploadctl']) && $_FILES['uploadctl']['error'] == 0){
    $extension = pathinfo($_FILES['uploadctl']['name'], PATHINFO_EXTENSION);

    if(!in_array(strtolower($extension), $allowed)){
        echo '{"status":"not_allowed"}';
        exit;
    }

    // create folder to upload files to
    $id = session_id();
    $user_folder = 'user_data/' . $id;
    if( is_dir($user_folder) === false ){
        mkdir($user_folder); 
    }
    if(move_uploaded_file($_FILES['uploadctl']['tmp_name'], $user_folder . "/" . $_FILES['uploadctl']['name'])){
        echo '{"status":"success"}';
        exit;
    }
    echo '{"status":"error"}';
}

这很好用。但是，我想要上传表单的更多功能，并查看了filepond。我根据文档创建了 filepond 对象并将样板代码复制到./file-pond-assets，我计划稍后适应我的需求：

<input type="file" name="uploadctl" multiple accept=".pdf,.png,.jpg,.jpeg">
<script>
            const inputElement = document.querySelector('input[type="file"]');
            const pond = FilePond.create( inputElement );
            pond.setOptions({
                server: './file-pond-assets'
            });
</script>

显示网站时显示。尝试上传文件时，前端看起来很好，因为upload complete出现了一条消息。但是，我在./file-pond-assets的tmp和上传文件夹中找不到上传的文件。我尝试更改文件夹的权限并检查控制台，但找不到错误消息。config.php文件也指向正确的文件夹。我错过了什么使我的文件不出现在我的服务器上？我想将上传保留为多部分/表单数据。

标签： javascriptphpfile-uploadfilepond

解决方案

这是我在 gihtub 回购链接上的示例文件池 PHP 服务器实现存储库的链接：https ://github.com/Onihani/filepond-php-server-example 实时预览： http: //www.ics-courses.co .uk/natbongo/filepond-php-server-example/

推荐阅读