Opening a PDF file in another window with VueJS laravel using href

To open a link in a new tab:

<a href="#" @click.prevent="getfile(DocumentType.file)">{{ DocumentType.file }}</a>

getFile(file) {
    window.open("uploads/" + file, "_blank");
}

it is not working sir

Is the url ok ?

there is no controller

and the href and function you advised, when I click on it it does not show any url

Can you provide more code?

What code do you want? I have provided enough for this function

I think you should have a fully qualified url in the window.open(), something like:

 window.open("https://yourdomain.com/uploads/" + file], "_blank");

You should use the Storage facade to store the file:

// ...
$upload_path = public_path('uploads');
$file = $request->file('file'); // name of the input file in the form
$filename = time() . '.' . $file->getClientOriginalExtension();
$path = 'uploads'
Storage::put(
    public_path('uploads') .'/'.$filename,
    file_get_contents($file->getRealPath())
);

// ...

And to retrieve it:

public function show(Request $request)
{
    // check . . .
    return response()->file(storage_path('uploads/yourFile' ));
}

I found the solution using my provided code but if you click the URL which is consist of an image it opens it in another page but if it is pdf file it does not open it it just download it but I want to view the pdf file too

Use the provided Laravel methods:

return response()->file("path/to/file.pdf"); // to preview the PDF

return response()->download"path/to/file.pdf"); // to download the PDF

Mr.Amuary I am using function not route