我应该如何使用 Laravel 提供图像？

Posted 2023-03-14

【中文标题】我应该如何使用 Laravel 提供图像？

【英文标题】：How should I serve an image with Laravel?

【发布时间】：2016-07-04 03:09:02

【问题描述】：

我将用户个人资料图片存储在 laravel 存储文件夹而不是公用文件夹中，因为我想保持公用文件夹干净，避免用户混乱。

为了提供该文件夹中的图像，我创建了一个简单的控制器动作，如下所示：

public function profilePicture($person, $size = 40)
    $profile_picture_url = storage_path().'/profile_pictures/'.$person['id'].'/profile_'.$size.'.jpg';

    if(!File::exists( $profile_picture_url ))
        App::abort(404);

    return Image::make($profile_picture_url)->response('jpg');

这可以被认为是一种好习惯，还是我应该简单地将图片保存在公用文件夹中？ 这样做会遇到性能问题吗？

【问题讨论】：

最好的方法是使用 mutator。我现在就给你一个样本。

【参考方案1】：

问题的简短答案

这可以被认为是一种好习惯，还是我应该简单地保存 公用文件夹中的图片？我会遇到性能问题吗 这样做？

这不是建议的做法，因为您读取文件并重新生成它，这将花费处理时间并加载服务器，但这一切都取决于多少请求，图像大小等。我使用这种做法来保护/保护图像/文件不被公众访问，因此只有经过身份验证的成员才能访问图像/文件，就像它在此 answer 中一样。再次取决于文件大小、请求数量和服务器规格，我已经使用了一段时间并且性能没有问题，它运行良好（我的服务器是 512MBMemory、1 CoreProcessor、20GBSSD 磁盘 VPS 解决方案）。你可以试一试看看。

符号链接解决方案

也可以创建符号链接

ln -s /pathof/laravel/storage/profile_pictures /pathof/laravel/public/profile

此解决方案不会影响性能，但您需要在内部文档中记录解决方案，以防您将设置移至新的提供商或需要重新链接到存储文件夹。

但是如果你仍然希望获得从存储文件夹返回图像的完整解决方案，首先我们需要为 Laravel 安装 Intervention Image，我不确定这是否已经完成。如果您已安装，请在此处继续，但如果不遵循此答案的最后一部分，则继续使用 Laravel 解决方案。

Laravel 解决方案

如前所述，我们假设您的干预有效，首先您需要创建一条路线。 Route 会将所有图像请求访问权转发给我们的 Controller。

创建路线

Route::get('profile/person', 'ImagesController@profilePicture');

创建路由后，我们需要创建一个控制器来处理来自我们的路由的图像请求。

创建图像控制器

从命令

php artisan make:controller ImagesController

你的控制器应该是这样的。

class ImagesController extends Controller 

    public function profilePicture($person, $size = 40)
    
        $storagePath = storage_path('/profile_pictures/' . $person . '/profile_' . $size . '.jpg');

        return Image::make($storagePath)->response();
    

---

编辑

对于那些使用 Laravel 5.2 和更新版本的人。 Laravel 为 serve files 引入了新的更好的方法，它的开销更少（这种方法不会像答案中提到的那样重新生成文件）：

文件回复

file 方法可用于显示文件，例如图像或 PDF，直接在用户的浏览器中，而不是启动下载。 这个方法接受文件的路径作为它的第一个参数和一个 标头数组作为第二个参数：

return response()->file($pathToFile);

return response()->file($pathToFile, $headers);

---

记得添加

use Intervention\Image\Facades\Image;

在您的 ImagesController 班级中

最后确定你已经用测试图片创建了文件夹结构。

storage/profile_pictures/person/profile_40.jpg

现在，如果您在浏览器中编写代码

http://laravelLocalhostUrl/profile/person

它会显示你的形象，我已经做了我自己并测试了它。

注意：我已尽力使文件夹反映您的问题， 但您可以轻松修改它以适应您想要的方式。

---

安装干预（如果您已经安装，请跳过此部分）

请遵循此指南：http://image.intervention.io/getting_started/installation

简述：php composer require intervention/image

然后在你的config/app $providers 数组中添加这个包的服务提供者。

Intervention\Image\ImageServiceProvider::class

将此包的外观添加到 $aliases 数组中。

'Image' => Intervention\Image\Facades\Image::class

解决方案的灵感来自这个answer，但这个解决方案是通过一般身份验证和这个answer 来保护图像。

【讨论】：

终于得到了一个很好的答案！目前我已经完全按照你写的那样设置它，但我对最不密集的方法感兴趣（即不使用路由）。您是否建议最好更改 .htaccess 并从那里处理请求？

@clod986 如果您不想保护您的文件，并且如果您有很多文件和很多请求，那么 .htaccess 或符号链接是可行的。但是路线解决方案也可以正常工作。因为我不知道您的配置、策略以及您的服务器对图像的请求有多大。我个人使用 nginx，但通过 htaccess 创建对存储文件的新访问权限应该很容易，只需确保在 storage 下创建一个子文件夹，将其称为 public2，否则不好授予所有存储文件夹的访问权限。

@maytham-ɯɐɥʇʎɐɯ 我在<img src=""> 中看到了提供 GIF 文件的页面，但是当相同的链接放在浏览器上时，它会显示一个带有 GIF 和附加信息的页面。这可以用你描述的方法来实现吗？

@maytham-ɯɐɥʇʎɐɯ 是否可以使用.htaccess 限制对文件的访问，并且仍然可以通过代码访问它？

@NikhilRadadiya 不是 100% 确定我理解你，但我尝试即兴发挥，例如，你可以通过 Lavarel 代码访问存储文件夹，但它不能公开访问，因为它受 .htaccess 限制。如果我的即兴创作不正确，请详细说明。

【参考方案2】：

使用 Laravel 5.2+ Image::make($pathToFile)->response() 可以被认为是不好的做法。任何寻找从 Laravel 提供图像的解决方案的人都应该使用 return response() -> file($pathToFile, $headers);。这将产生更少的开销，因为它只是提供文件而不是“在 Photoshop 中打开它”——至少我的 CPU 监视器是这么说的。

这是link to documentation

【讨论】：

感谢您使用新信息更新此答案

+1。如果您从文档链接中删除 5.4，它将重定向到最新版本。此外，您可能想为这些变量添加一些提示...我正在使用 $headers = ['Content-Type' => 'image/png']; 和 $path = storage_path('app/.../myImage.png')。

【参考方案3】：

Response::stream(function() use($fileContent) 
    echo $fileContent;
, 200, $headers);

https://github.com/laravel/framework/issues/2079#issuecomment-22590551

【参考方案4】：

在您的User.php 模型中：

protected $appends = ['avatar'];

public function getAvatarAttribute($size=null)

   return storage_path().'/profile_pictures/'.$this->id.'/profile_'.$size.'.jpg';

因此，每当您调用 get 一个 User 实例时，您都会得到他的头像。

【讨论】：

我已经实现了这个，谢谢你的提示，但我的问题完全是另外一回事。我想知道是否应该通过特定路线提供图片

不，您不应该提出额外的请求来获取用户配置文件。该信息已附加到您的用户实例。你可以从那里得到它。不需要额外的路线。

对不起@Jilson，但我想我不够清楚。您的 getAvatarAttribute() 返回一个 url；我已经知道了。我不知道，一旦用户连接到该 url，最好做什么：我应该创建一个路由来处理它吗？

您是否要检查用户配置文件是否存在？

没有。我只是想找出在请求 后返回的最佳方式。