图片在Web应用中存储与展示的最佳实践

<?php
// 假设 $imageData 是从上传文件读取的图片二进制数据
// 假设 $type 是图片的MIME类型，例如 'jpeg', 'png' 等

// 将图片二进制数据编码为Base64字符串，并添加数据URI前缀
$base64Image = 'data:image/' . $type . ';base64,' . base64_encode($imageData);

// 将 $base64Image 存储到数据库的某个 TEXT 或 LONGTEXT 字段中
// 例如：INSERT INTO articles (title, content, image_data) VALUES (?, ?, ?)
// 使用预处理语句可以有效防止SQL注入
// $stmt = $pdo->prepare("INSERT INTO articles (title, content, image_data) VALUES (?, ?, ?)");
// $stmt->execute([$title, $articleContent, $base64Image]);
?>

SELECT image_data FROM articles WHERE article_id = ?;

<!-- 假设后端已将从数据库取出的Base64字符串填充到此处 -->
<img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAA..." alt="文章图片">

<?php
// image_service.php
// 假设根据ID从数据库获取到 $imageData 和 $imageType
header('Content-Type: image/' . $imageType);
echo $imageData;
exit;
?>

<img src="image_service.php?id=123" alt="文章图片">

<?php
// 假设 $uploadedFile 是上传的图片文件，例如 $_FILES['image_upload']
// 假设目标存储路径为 /path/to/your/images/directory/
$targetDirectory = '/path/to/your/images/directory/';
$fileName = uniqid() . '_' . basename($uploadedFile['name']); // 生成唯一文件名
$targetFilePath = $targetDirectory . $fileName;

if (move_uploaded_file($uploadedFile['tmp_name'], $targetFilePath)) {
    // 图片成功保存到文件系统
    // 生成可访问的URL，例如：http://yourdomain.com/images/unique_filename.jpg
    $imageUrl = 'http://yourdomain.com/images/' . $fileName;

    // 将 $imageUrl 存储到数据库的 VARCHAR 或 TEXT 字段中
    // 例如：INSERT INTO articles (title, content, image_url) VALUES (?, ?, ?)
    // $stmt = $pdo->prepare("INSERT INTO articles (title, content, image_url) VALUES (?, ?, ?)");
    // $stmt->execute([$title, $articleContent, $imageUrl]);
} else {
    // 处理文件上传失败
}

// 如果是云存储（如AWS S3），则使用SDK将文件上传到S3，并获取返回的URL
// $s3Client->putObject([...]);
// $imageUrl = $s3Client->getObjectUrl(...);
?>

SELECT image_url FROM articles WHERE article_id = ?;

<!-- 假设后端已将从数据库取出的图片URL填充到此处 -->
<img src="http://yourdomain.com/images/unique_filename.jpg" alt="文章图片">