使用 RESTful 控制器在 Laravel 7 中使用 PHP 在浏览器中显示 .pdf 文件

Question

我正在开发一个 laravel 项目，在项目内部我将.pdf文件存储到我的本地 phpmyadmin 并将其取回以显示在浏览器中。

我看到一些应用程序，但它们在将.pdf文件上传到数据库时将其保存在本地。 然后它变得很容易用<img src="">显示，但我不想使用它。

这些是我的路线；

Route::get('/users/{user}/posts', 'PostController@index');
Route::get('/posts/create', 'PostController@create');
Route::post('/posts', 'PostController@store');

和索引函数；

public function index(User $user, Post $posts)
    {
        $posts = DB::table('posts')
                        ->where('userId', '=', $user->id)
                        ->get();

        return view('post.index', compact('posts'));
    }

我可以上传和存储可以但无法在浏览器中显示的.pdf文件。 所以我想在 PostController 中获取带有索引功能的记录（已经完成），并在来自 db 的 index.blade.php 文件中显示.pdf文件。 像这样： http://localhost/test.pdf当我在浏览器中显示它时，我只能看到它的名字。 我如何读取从db获取的文件？

谢谢您的回答。

Answer 1

有一种方法可以解决这个问题，方法是将文件的扩展名从pdf为pdfz或任何其他扩展名并使用此代码

$realPath="path file with pdfz extension";

                 if(file_exists($realPath)){
                   $realPath=str_replace(".pdf",".pdfz",$realPath);
                $file =$realPath;
    $filename = $realPath;
    header('Content-type: application/pdf');
    header('Content-Disposition: inline; filename="' . $filename . '"');
    header('Content-Transfer-Encoding: binary');
    header('Content-Length: ' . filesize($file));
    header('Accept-Ranges: bytes');
    @readfile($file);
    exit;
               }else{
    echo "$realPath:No File Exist";

               }

更改扩展名的目的是防止IDM强制下载

Answer 2

首先，在我看来，您应该将文件存储到 laravel 的存储系统中，而不是存储在数据库中。

但是如果你想用数据库来做，这里以 output 一个文件为例，该文件存储在数据库的 blob 字段中（例如在files表的content字段中）。

另一种不太漂亮的方法是将文件转换为base64字符串并存储在文本字段中， 请参阅此处。

“db_files”表的架构

field     | type
----------|-------------
id        | BIGINT
name      | VARCHAR(255)
content   | BLOB
mime_type | VARCHAR(255)

路线

Route::get('/files/{id}', 'FileController@show')->name('file.show');

数据库文件 Model

use Illuminate\Database\Eloquent\Model;

class DbFile extends Model {
    // ...
}

文件控制器

public function show($id) {
    $dbFile = DbFile::firstOrFail($id);

    // the $dbFile->mime_type should be 'application/pdf' for pdf files
    // the $dbFile->name should be in this schema 'document.pdf'
    return response($dbFile->content)
        ->withHeaders([
            'Content-type: ' . $dbFile->mime_type,
            'Content-Disposition: attachment; filename=' . $dbFile->name
        ]);
}

看法

<a href="{{ route('file.show', ['id' => 1]) }}" target="_blank">Show Document</a>

我现在无法测试代码。 如果出现问题，请告诉我。

Answer 3

$(function() {
let pdfDoc = null,
    pageNum = 1,
    pageRendering = false,
    pageNumPending = null;

const scale = 5.0,
    canvas = document.getElementById('pdf-canvas'),
    pnum = document.getElementById('page-num')
    ctx = canvas.getContext('2d');

/**
 * Get page info from document, resize canvas accordingly, and render page.
 * @param num Page number.
 */
function renderPage(num) {
pageRendering = true;

// Using promise to fetch the page
pdfDoc.getPage(num).then(function(page) {
    const page_viewport = page.getViewport(scale);
    canvas.height = page_viewport.height;
    canvas.width = page_viewport.width;

    // Render PDF page into canvas context
    const renderContext = {
    canvasContext: ctx,
    viewport: page_viewport
    };
    const renderTask = page.render(renderContext);

    // Wait for rendering to finish
    renderTask.promise.then(function() {
    pageRendering = false;
    if (pageNumPending !== null) {
        // New page rendering is pending
        renderPage(pageNumPending);
        pageNumPending = null;
    }
    });
});

// Update page counters
$(pnum).text(num);
}

/**
 * If another page rendering in progress, waits until the rendering is
 * finised. Otherwise, executes rendering immediately.
 */
function queueRenderPage(num) {
if (pageRendering) {
    pageNumPending = num;
} else {
    renderPage(num);
}
}

/**
 * Displays previous page.
 */
$(".carousel-control-prev").click(function() {
if (pageNum > 1) {
    pageNum--;
    queueRenderPage(pageNum);
}
});

/**
 * Displays next page.
 */
$(".carousel-control-next").click(function() {
if (pageNum < pdfDoc.numPages) {
    pageNum++;
    queueRenderPage(pageNum);
}
});

/**
 * Asynchronously downloads PDF.
 */
(function() {
const url = $(canvas).data("file");
pdfjsLib.getDocument(url).then(function(pdfDoc_) {
    pdfDoc = pdfDoc_;
    $("#page-count").text(pdfDoc.numPages);

    // Initial/first page rendering
    renderPage(pageNum);
});
})();
});