Laravel中点击PDF预览链接时如何实现数据插入与数据传递

Got it, let's break down how to handle this in Laravel. You want to insert data when the user clicks the PDF preview link, while still letting them view the PDF. There are two common approaches to achieve this—let's go through each one step by step.

This approach redirects the user through a Laravel route first to handle data insertion, then sends them to the PDF. It's straightforward and works well for basic use cases.

Step 1: Update your frontend link #

Replace your direct PDF link with a route that handles the data insertion. You can pass necessary data as URL parameters (or use a form for sensitive data):

<!-- For GET requests (non-sensitive data) -->
<a href="{{ route('pdf.preview', ['document_id' => $document->id, 'user_id' => auth()->id()]) }}" class="btn-buy">Preview Your File</a>

<!-- For sensitive data, use a form instead (POST request) -->
<form action="{{ route('pdf.preview') }}" method="POST" class="d-inline">
    @csrf
    <input type="hidden" name="document_id" value="{{ $document->id }}">
    <input type="hidden" name="user_id" value="{{ auth()->id() }}">
    <button type="submit" class="btn-buy border-0 bg-transparent p-0">Preview Your File</button>
</form>

Step 2: Define the route #

Add this to your routes/web.php:

// For GET
Route::get('/pdf/preview', [PdfController::class, 'handlePreview'])->name('pdf.preview');

// Or for POST (better for sensitive data)
Route::post('/pdf/preview', [PdfController::class, 'handlePreview'])->name('pdf.preview');

Step 3: Handle data insertion in the controller #

Create a PdfController (or use an existing one) and add the handlePreview method:

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\DocumentView; // Replace with your model

class PdfController extends Controller
{
    public function handlePreview(Request $request)
    {
        // 1. Validate incoming data to prevent bad inputs
        $validated = $request->validate([
            'document_id' => 'required|integer|exists:documents,id', // Adjust validation to your table
            'user_id' => 'required|integer|exists:users,id'
        ]);

        // 2. Insert data into your database
        DocumentView::create([
            'document_id' => $validated['document_id'],
            'user_id' => $validated['user_id'],
            'viewed_at' => now()
            // Add any other fields you need to log
        ]);

        // 3. Redirect to the PDF file or return it directly
        // Option 1: Redirect to the public PDF file
        return redirect(asset('sample.pdf'));

        // Option 2: Return the file directly (good if the PDF is generated or stored outside public)
        // return response()->file(storage_path('app/public/sample.pdf'));
    }
}

If you want to avoid page reloads, use AJAX to insert data first, then open the PDF in a new tab. This gives a smoother user experience.

Step 1: Update the frontend link and add JS #

<a href="javascript:void(0)" class="btn-preview btn-buy" data-doc-id="{{ $document->id }}">Preview Your File</a>

<script>
document.querySelector('.btn-preview').addEventListener('click', async function() {
    const docId = this.dataset.docId;
    const csrfToken = '{{ csrf_token() }}';

    try {
        // First, send a request to log the view
        const response = await fetch('{{ route("pdf.log-view") }}', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': csrfToken
            },
            body: JSON.stringify({ document_id: docId })
        });

        if (response.ok) {
            // If data insertion succeeds, open the PDF
            window.open('{{ asset("sample.pdf") }}', '_blank');
        } else {
            alert('Oops, we couldn\'t log your preview. Please try again.');
        }
    } catch (error) {
        console.error('Error:', error);
        alert('Something went wrong. Please try later.');
    }
});
</script>

Step 2: Define the API route #

Add this to routes/web.php (or api.php if using API routes, but adjust CSRF handling):

Route::post('/pdf/log-view', [PdfController::class, 'logView'])->name('pdf.log-view');

Step 3: Add the log method to the controller #

public function logView(Request $request)
{
    $validated = $request->validate([
        'document_id' => 'required|integer|exists:documents,id'
    ]);

    DocumentView::create([
        'document_id' => $validated['document_id'],
        'user_id' => auth()->id(),
        'viewed_at' => now()
    ]);

    return response()->json(['success' => true]);
}

• Data Validation: Always validate incoming data to prevent invalid or malicious inputs—Laravel's validation system makes this easy.
• Security: For sensitive data, use POST requests instead of GET (since GET parameters show up in URLs and logs).
• PDF Access: Ensure your PDF file is accessible (stored in public/ if using asset(), or use storage_path() with proper permissions if stored in storage/).
• Guest Users: If users can preview without logging in, replace auth()->id() with something like $request->ip() to track views.

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