如何将Dropbox Chooser上传的图片保存至uploads文件夹？

我完全懂你的困扰——能把数据存进数据库却搞不定本地文件夹，核心问题其实是你误解了Dropbox Chooser的工作逻辑！它返回的不是用户本地的文件流，而是文件的临时访问URL，所以你没法用普通的$_FILES方式处理上传，得通过这个URL主动把文件下载到你的服务器才行。

核心问题拆解 #

你的表单里dropbox_image隐藏字段存的是Dropbox提供的文件链接，不是用户本地上传的文件数据。所以表单提交后，后端拿到的只是一串URL，而非可以直接移动的本地文件资源。

完整解决方案 #

下面分前端配置和后端处理两部分，给你梳理清楚操作步骤：

1. 前端确保正确获取Dropbox文件的可下载链接

首先要保证Dropbox Chooser选中文件后，把文件的直接下载链接赋值给隐藏字段，初始化代码要注意linkType的设置：

Dropbox.choose({
  success: function(files) {
    // 将选中文件的直接下载链接存入隐藏字段
    document.getElementById('dropbox_image').value = files[0].link;
  },
  linkType: "direct", // 必须设置为direct才能拿到可直接下载的链接
  multiselect: false,
  extensions: ['.png', '.jpg', '.jpeg', '.gif'] // 限制仅上传图片
});

划重点：如果用默认的preview链接，得到的是Dropbox的预览页面，根本没法直接下载文件！

2. 后端PHP处理下载与保存逻辑

表单提交后，后端需要完成「获取URL→下载文件→验证文件→保存到本地→存入数据库」的流程，修改后的代码示例：

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['image'])) {
    $dropboxUrl = $_POST['image'];
    $uploadsDir = __DIR__ . '/uploads/';
    
    // 第一步：确保uploads文件夹存在且有写入权限
    if (!file_exists($uploadsDir)) {
        mkdir($uploadsDir, 0755, true);
    }
    if (!is_writable($uploadsDir)) {
        die("uploads文件夹没有写入权限，请设置权限为755");
    }

    // 第二步：验证文件扩展名，确保是图片
    $fileInfo = pathinfo(parse_url($dropboxUrl, PHP_URL_PATH));
    $allowedExts = ['png', 'jpg', 'jpeg', 'gif'];
    if (!in_array(strtolower($fileInfo['extension']), $allowedExts)) {
        die("仅支持上传png/jpg/jpeg/gif格式的图片");
    }

    // 第三步：生成唯一文件名，避免重复覆盖
    $fileName = uniqid('img_') . '.' . $fileInfo['extension'];
    $savePath = $uploadsDir . $fileName;

    // 第四步：下载文件到服务器（两种方式选其一即可）
    // 方式一：用file_get_contents（需要php.ini开启allow_url_fopen）
    $fileContent = file_get_contents($dropboxUrl);
    if ($fileContent === false) {
        die("无法从Dropbox下载文件，请检查链接有效性");
    }
    file_put_contents($savePath, $fileContent);

    // 方式二：用cURL（如果allow_url_fopen关闭则用这个）
    // $ch = curl_init($dropboxUrl);
    // $fp = fopen($savePath, 'wb');
    // curl_setopt($ch, CURLOPT_FILE, $fp);
    // curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
    // curl_exec($ch);
    // curl_close($ch);
    // fclose($fp);

    // 第五步：验证是否为真实图片，防止恶意文件
    if (!getimagesize($savePath)) {
        unlink($savePath); // 删除无效文件
        die("上传的不是有效图片文件");
    }

    // 最后：把本地文件路径（比如"uploads/$fileName"）存入数据库
    // 示例：$pdo->exec("INSERT INTO images (file_path) VALUES ('uploads/$fileName')");

    echo "图片已成功保存到uploads文件夹和数据库！";
}
?>

<form class="form" method="post" enctype="multipart/form-data" >
    <div id="dropbox-container"></div>
    <input id="dropbox_image" name="image" type="hidden" />
    <button type="submit">提交</button>
</form>

<!-- 引入Dropbox Chooser SDK，替换成你的APP KEY -->
<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="YOUR_DROPBOX_APP_KEY"></script>

重要注意事项 #

• 文件夹权限：服务器上的uploads文件夹必须设置写入权限，生产环境建议设为755，测试环境可临时用777但记得改回来。
• 链接有效期：Dropbox Chooser的direct链接是临时的（约4小时），所以不要把这个URL存数据库，一定要存本地文件路径。
• 安全验证：除了扩展名，用getimagesize()验证真实图片类型，能有效防止恶意文件上传。

内容的提问来源于stack exchange，提问作者John Caverns