Как заставить файлы открываться в браузере вместо загрузки (PDF)?

Question

Как заставить файлы открываться в браузере вместо загрузки (PDF)?

Есть ли способ заставить PDF-файлы открываться в браузере, если опция "Отображать PDF в браузере" не отмечена?

Я попытался использовать тег embed и iframe, но он работает только тогда, когда эта опция отмечена.

Что я могу сделать?

311

pdf browser http-headers embed embedding

Источник

user710027 09 июн '11 в 13:54

16 ответов

Другие вопросы по тегам pdf browser http-headers embed embedding

user187780 10 авг '12 в 02:45 2012-08-10 02:45 · Answer 1 · 2012-08-10 02:45

Чтобы указать браузеру, что файл должен быть просмотрен в браузере:

Content-Type: application/pdf
Content-Disposition: inline; filename="filename.pdf"

Чтобы файл был загружен, а не просмотрен:

Content-Type: application/pdf
Content-Disposition: attachment; filename="filename.pdf"

Кавычки вокруг имени файла требуются, если имя файла содержит специальные символы, такие как filename[1].pdf что в противном случае может нарушить способность браузера обрабатывать ответ.

user657427 04 фев '15 в 14:13 2015-02-04 14:13 · Answer 2 · 2015-02-04 14:13

Правильный тип application/pdf для PDF, а не application/force-download, Это выглядит как хак для некоторых старых браузеров. Всегда используйте правильный mimetype, если можете.

Если у вас есть контроль над кодом сервера:

Принудительная загрузка / приглашение: используйте header("Content-Disposition", "attachment; filename=myfilename.myextension");
Браузер пытается открыть его: использовать header("Content-Disposition", "inline; filename=myfilename.myextension");

Нет контроля над кодом сервера:

Используйте атрибут загрузки HTML5. Он использует пользовательское имя файла, указанное на стороне просмотра.

ПРИМЕЧАНИЕ. Я предпочитаю указывать имя файла на стороне сервера, поскольку у вас может быть больше информации и вы можете использовать общий код.

user1534925 01 окт '14 в 10:00 2014-10-01 10:00 · Answer 3 · 2014-10-01 10:00

Если вы используете HTML5 (и я думаю, что в настоящее время все используют это), есть атрибут, который называется download,

Например,

<a href="somepathto.pdf" download="filename">

Вот filename не является обязательным, но если он указан, он будет принимать это имя для загруженного файла.

21

Источник

user1534925 01 окт '14 в 10:00

user5108070 11 авг '15 в 10:20 2015-08-11 10:20 · Answer 4 · 2015-08-11 10:20

Если у вас есть Apache, добавьте это в .htaccess файл:

<FilesMatch "\.(?i:pdf)$">
    ForceType application/octet-stream
    Header set Content-Disposition attachment
</FilesMatch>

4

Источник

user5108070 11 авг '15 в 10:20

user10963451 07 июн '21 в 08:15 2021-06-07 08:15 · Answer 5 · 2021-06-07 08:15

У меня была такая же проблема, и большинство приведенных выше ответов должны решить вашу проблему . К сожалению, даже если я получал в ответе заголовки content-type и content-disposition, но мой PDF-файл все равно загружался, а не просматривался . После мозгового штурма и многочасовых попыток.

Виновником был firefox , в каком-то смысле я . Нервный смех

По умолчанию , когда вы открываете файл pdf в firefox, он предоставляет вам всплывающее окно, чтобы либо сохранить файл pdf, либо открыть его напрямую, а также есть флажок, который говорит, что с этого момента выполните это действие автоматически и угадайте, кто выбрал Это.

Из-за этой ошибки мой PDF-файл загружался, а не просматривался , даже если в ответ были все необходимые заголовки . Это простая ошибка, но стоила мне большого количества времени.

Чтобы решить эту проблему, просто перейдите в настройки и поиск приложений и настройки изменений в формате PDF , чтобы все , что вам нужно.

user2968838 29 ноя '16 в 11:05 2016-11-29 11:05 · Answer 6 · 2016-11-29 11:05

Это для ASP.NET MVC

На вашей cshtml странице:

<section>
    <h4><a href="@Url.Action("Download", "Document", new { id = @Model.GUID })"><i class="fa fa-download"></i> @Model.Name</a></h4>
    <object data="@Url.Action("View", "Document", new { id = @Model.GUID })" type="application/pdf" width="100%" height="800" class="col-md-12">
        <h2>Your browser does not support viewing PDFs, click on the link above to download the document.</h2>
    </object>
</section>

В вашем контроллере:

public ActionResult Download(Guid id)
    {
        if (id == Guid.Empty)
            return null;

        var model = GetModel(id);

        return File(model.FilePath, "application/pdf", model.FileName);
    }

public FileStreamResult View(Guid id)
    {
        if (id == Guid.Empty)
            return null;

        var model = GetModel(id);

        FileStream fs = new FileStream(model.FilePath, FileMode.Open, FileAccess.Read);

        return File(fs, "application/pdf");
    }

user4282123 22 ноя '14 в 15:38 2014-11-22 15:38 · Answer 7 · 2014-11-22 15:38

К сожалению, в моем предыдущем посте были опечатки.

    header("Content-Type: application/force-download");
    header("Content-type: application/pdf");
    header("Content-Disposition: inline; filename=\"".$name."\";");

Если вы не хотите, чтобы браузер запрашивал пользователя, используйте "inline" для третьей строки вместо "attachment". Inline работает очень хорошо. PDF-файл отображается немедленно, не прося пользователя нажать кнопку "Открыть". Я использовал "вложение", и это предложит пользователю открыть, сохранить. Я попытался изменить гайку настройки браузера, это не мешает подсказке.

user6022158 11 май '20 в 16:55 2020-05-11 16:55 · Answer 8 · 2020-05-11 16:55

Следующее работает хорошо в firefox, но НЕ работает в браузерах Chrome и мобильных устройствах.

Content-Type: application/pdf
Content-Disposition: inline; filename="filename.pdf"

Чтобы исправить ошибку Chrome и мобильных браузеров, сделайте следующее:

Храните файлы в каталоге вашего проекта
Используйте Google PDF Viewer

Google PDF Viewer можно использовать так:

<iframe src="http://docs.google.com/gview?url=http://example.com/path/to/my/directory/pdffile.pdf&embedded=true" frameborder="0"></iframe>

user4902518 08 мар '17 в 08:19 2017-03-08 08:19 · Answer 9 · 2017-03-08 08:19

Если вы используете CodeIgniter.

Пожалуйста, установите:

$htmlpdf -> Output($pdf_local_path, f); to $htmlpdf -> Output(); exit;

-1

Источник

user4902518 08 мар '17 в 08:19

user1811904 09 ноя '12 в 10:33 2012-11-09 10:33 · Answer 10 · 2012-11-09 10:33

Вы можете сделать это следующим образом:

<a href="path to PDF file">Open PDF</a>

Если файл PDF находится внутри какой-либо папки и эта папка не имеет разрешения на прямой доступ к файлам в этой папке, тогда вам нужно обойти некоторые ограничения доступа к файлам, используя .htaccess установка файла этим способом:

<FilesMatch ".*\.(jpe?g|JPE?G|gif|GIF|png|PNG|swf|SWF|pdf|PDF)$" >
    Order Allow,Deny
    Allow from all
</FilesMatch>

Но теперь разрешите только определенные необходимые файлы.

Я использовал этот код, и он работал отлично.

user14497103 06 май '22 в 11:59 2022-05-06 11:59 · Answer 11 · 2022-05-06 11:59

для больших файлов вам нужно запустить выходной буфер, добавьте: -

ob_start();// в начале

..//ваш код

ob_clean();// в конце вашего файла

-2

Источник

user14497103 06 май '22 в 11:59

user4149405 12 ноя '14 в 14:29 2014-11-12 14:29 · Answer 12 · 2014-11-12 14:29

Откройте файл downloads.php из корневого файла.

Затем перейдите к строке 186 и измените ее следующим образом:

        if(preg_match("/\.jpg|\.gif|\.png|\.jpeg/i", $name)){
            $mime = getimagesize($download_location);
            if(!empty($mime)) {
                header("Content-Type: {$mime['mime']}");
            }
        }
        elseif(preg_match("/\.pdf/i", $name)){
            header("Content-Type: application/force-download");
            header("Content-type: application/pdf");
            header("Content-Disposition: inline; filename=\"".$name."\";");
        }

        else{
            header("Content-Type: application/force-download");
            header("Content-type: application/octet-stream");
            header("Content-Disposition: attachment; filename=\"".$name."\";");
        }

user949406 25 апр '12 в 05:06 2012-04-25 05:06 · Answer 13 · 2012-04-25 05:06

Либо использовать

<embed src="file.pdf" />

если встраивание является опцией или мой новый плагин, PIFF: https://github.com/terrasoftlabs/piff

-3

Источник

user949406 25 апр '12 в 05:06

user1814572 25 фев '15 в 11:15 2015-02-25 11:15 · Answer 14 · 2015-02-25 11:15

Вот еще один способ заставить файл для просмотра в браузере на PHP:

$extension = pathinfo($file_name, PATHINFO_EXTENSION);
$url = 'uploads/'.$file_name;
        echo '<html>'
                .header('Content-Type: application/'.$extension).'<br>'
                .header('Content-Disposition: inline; filename="'.$file_name.'"').'<br>'
                .'<body>'
                .'<object   style="overflow: hidden; height: 100%;
             width: 100%; position: absolute;" height="100%" width="100%" data="'.$url.'" type="application/'.$extension.'">
                    <embed src="'.$url.'" type="application/'.$extension.'" />
             </object>'
            .'</body>'
            . '</html>';

user4823500 23 апр '15 в 09:33 2015-04-23 09:33 · Answer 15 · 2015-04-23 09:33

Просто откройте Adobe Reader, меню → Правка → Настройки → Интернет, затем перейдите в режим браузера или для получения подробных инструкций в разных браузерах попробуйте отобразить PDF в браузере | Акробат, Акробат Ридер.

-6

Источник

user4823500 23 апр '15 в 09:33

user537998 09 июн '11 в 13:56 2011-06-09 13:56 · Answer 16 · 2011-06-09 13:56

Если вы ссылаетесь на.PDF, он откроется в браузере.
Если флажок снят, он должен ссылаться на ZIP-файл, чтобы принудительно загрузить файл.

Если.zip не вариант, используйте заголовки в PHP для принудительной загрузки

header('Content-Type: application/force-download'); 
header('Content-Description: File Transfer');

-7

Источник

user537998 09 июн '11 в 13:56