如何在反应组件中编码图像链接答案

【问题标题】：How to code image link in react component如何在反应组件中编码图像链接
【发布时间】：2021-12-01 07:58:14
【问题描述】：

在 laravel Blade 中我有这个 src：

data-src="data:image/;base64,{{ base64_encode(@file_get_contents($auction->thumbnail_link)) }}"

react 组件中如何做到这一点？

【问题讨论】：

标签： reactjs laravel components

【解决方案1】：

您也可以这样做，但我认为最好使用私人文件中的signed URLs

您可以在控制器中生成 URL，然后在响应中返回它。

例子：

URL::signedRoute('thumbnail', ['auction' => 1]);

然后将 signed 中间件添加到您的路由或在控制器上检查：

Route::get('/auctions/{auction}/thumbnail', function (Request $request) {
    // fetch and return the file
})->name('thumbnail')->middleware('signed');

【讨论】：

对不起我的错误。我想在反应组件中使用它
@Mariusz 您可以使用私有 URL 代替文件 base64，因为下载问题，它是大文件更好的解决方案，
@Mariusz 如果你想要它作为base64，你还需要返回文件的方法，在前端，你必须下载并将其转换为base64。