如何通过PHP将React Native选择的图片上传至MySQL数据库？

我来一步步帮你搞定这个流程，从React Native端的上传准备到PHP后端处理再到MySQL存储，分两种常见方案给你讲清楚：

既然你已经用了React Native Image Picker，接下来只要拿到选中的图片信息，通过HTTP请求把图片传给PHP后端就行。这里用fetch举例子（axios用法类似）：

首先，调用Image Picker获取图片后，提取图片的uri，再创建FormData对象包装文件数据：

import { launchImageLibrary } from 'react-native-image-picker';

// 选择图片并发起上传的函数
const pickAndUploadImage = async () => {
  const result = await launchImageLibrary({
    mediaType: 'photo',
    quality: 0.8, // 压缩图片，减少上传体积
    allowsEditing: true, // 可选：允许裁剪图片
  });

  if (!result.didCancel && !result.errorCode) {
    const imageAsset = result.assets[0];
    const formData = new FormData();

    // 关键：把图片添加到FormData，字段名（比如'image'）要和PHP后端对应
    formData.append('image', {
      uri: imageAsset.uri,
      name: imageAsset.fileName || `uploaded_${Date.now()}.jpg`, // 生成唯一文件名
      type: imageAsset.type || 'image/jpeg', // 指定文件类型
    });

    // 发送POST请求到你的PHP接口
    try {
      const response = await fetch('http://你的服务器地址/upload.php', {
        method: 'POST',
        headers: {
          'Content-Type': 'multipart/form-data',
        },
        body: formData,
      });

      const data = await response.json();
      if (data.success) {
        alert('图片上传成功！');
      } else {
        alert(`上传失败：${data.message}`);
      }
    } catch (error) {
      console.error('请求出错:', error);
      alert('网络异常，请重试');
    }
  }
};

小提示：Android端可能遇到content://格式的uri，React Native Image Picker最新版本已经兼容这种情况，无需额外处理；如果旧版本有问题，可以用react-native-fs库转成真实文件路径。

这里分两种存储方案，推荐优先用第一种（性能更优）：

方案1：图片存服务器，数据库仅存文件路径（推荐） #

直接把二进制图片存在数据库会导致数据库体积膨胀、查询变慢，所以更常用的方式是把图片存在服务器目录，数据库只记录文件路径。

步骤1：准备服务器存储目录 #

在PHP服务器上创建一个uploads/目录，设置权限为755（确保PHP有写入权限）。

步骤2：PHP处理代码（upload.php） #

<?php
// 跨域配置（本地调试用，生产环境建议指定具体域名）
header('Access-Control-Allow-Origin: *');
header('Content-Type: application/json');

// 基础配置
$uploadDir = './uploads/';
$allowedTypes = ['image/jpeg', 'image/png', 'image/gif'];
$maxFileSize = 5 * 1024 * 1024; // 限制5MB以内

// 检查文件上传状态
if (!isset($_FILES['image']) || $_FILES['image']['error'] !== UPLOAD_ERR_OK) {
    echo json_encode(['success' => false, 'message' => '图片上传失败，请重试']);
    exit;
}

$file = $_FILES['image'];

// 验证文件类型
if (!in_array($file['type'], $allowedTypes)) {
    echo json_encode(['success' => false, 'message' => '仅支持JPG、PNG、GIF格式的图片']);
    exit;
}

// 验证文件大小
if ($file['size'] > $maxFileSize) {
    echo json_encode(['success' => false, 'message' => '图片大小不能超过5MB']);
    exit;
}

// 生成唯一文件名，避免覆盖
$fileExt = pathinfo($file['name'], PATHINFO_EXTENSION);
$fileName = uniqid('img_') . '.' . $fileExt;
$targetPath = $uploadDir . $fileName;

// 移动临时文件到目标目录
if (move_uploaded_file($file['tmp_name'], $targetPath)) {
    // 连接MySQL（用PDO更安全，防止SQL注入）
    $host = 'localhost';
    $dbName = '你的数据库名';
    $username = '数据库用户名';
    $password = '数据库密码';

    try {
        $pdo = new PDO("mysql:host=$host;dbname=$dbName;charset=utf8mb4", $username, $password);
        $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

        // 插入文件路径到数据库
        $sql = "INSERT INTO images (file_path, upload_time) VALUES (:file_path, NOW())";
        $stmt = $pdo->prepare($sql);
        $stmt->bindParam(':file_path', $targetPath);
        $stmt->execute();

        echo json_encode(['success' => true, 'message' => '图片上传并存储成功']);
    } catch (PDOException $e) {
        // 数据库插入失败时，删除已上传的文件
        unlink($targetPath);
        echo json_encode(['success' => false, 'message' => '数据库存储失败：' . $e->getMessage()]);
    }
} else {
    echo json_encode(['success' => false, 'message' => '无法保存图片到服务器，请检查目录权限']);
}
?>

方案2：图片二进制数据直接存MySQL（BLOB类型） #

如果业务必须把图片存在数据库里，可以用LONGBLOB字段（支持最大4GB文件）：

步骤1：创建MySQL表 #

CREATE TABLE images (
    id INT AUTO_INCREMENT PRIMARY KEY,
    image_data LONGBLOB NOT NULL,
    image_type VARCHAR(50) NOT NULL,
    upload_time DATETIME DEFAULT CURRENT_TIMESTAMP
);

步骤2：PHP处理代码 #

<?php
header('Access-Control-Allow-Origin: *');
header('Content-Type: application/json');

$allowedTypes = ['image/jpeg', 'image/png', 'image/gif'];
$maxFileSize = 5 * 1024 * 1024;

if (!isset($_FILES['image']) || $_FILES['image']['error'] !== UPLOAD_ERR_OK) {
    echo json_encode(['success' => false, 'message' => '图片上传失败']);
    exit;
}

$file = $_FILES['image'];

if (!in_array($file['type'], $allowedTypes) || $file['size'] > $maxFileSize) {
    echo json_encode(['success' => false, 'message' => '图片格式或大小不符合要求']);
    exit;
}

// 读取图片二进制内容
$imageData = file_get_contents($file['tmp_name']);
$imageType = $file['type'];

// 连接数据库插入数据
$host = 'localhost';
$dbName = '你的数据库名';
$username = '数据库用户名';
$password = '数据库密码';

try {
    $pdo = new PDO("mysql:host=$host;dbname=$dbName;charset=utf8mb4", $username, $password);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    $sql = "INSERT INTO images (image_data, image_type) VALUES (:image_data, :image_type)";
    $stmt = $pdo->prepare($sql);
    // 绑定二进制数据时要指定PARAM_LOB类型
    $stmt->bindParam(':image_data', $imageData, PDO::PARAM_LOB);
    $stmt->bindParam(':image_type', $imageType);
    $stmt->execute();

    echo json_encode(['success' => true, 'message' => '图片二进制数据已存入数据库']);
} catch (PDOException $e) {
    echo json_encode(['success' => false, 'message' => '数据库存储失败：' . $e->getMessage()]);
}
?>

• 权限问题：确保服务器的uploads/目录有写入权限，否则move_uploaded_file会失败；
• SQL注入：一定要用PDO预处理语句，绝对不要直接拼接SQL字符串；
• 图片压缩：在React Native端通过quality参数压缩图片，能大幅减少上传时间和存储压力；
• 生产环境优化：跨域头不要用*，要指定你的app域名；可以给图片加缓存策略，或者用CDN加速访问。

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