提交下載文件而不是在瀏覽器中打開

Question

目前它在同一個選項卡中打開，想要下載而不是打開。

<form onsubmit="this.action = document.getElementById('selectedfile').value">
    <select id="selectedfile">
         <option value="/downloads/file1.pdf">File 1</option>
         <option value="/downloads/file2.pdf">File 2</option>
         <option value="/downloads/file3.pdf">File 3</option>
    </select>
    <input type="submit" value="Download" class="grey-btn" class="color:#ffffff, backgroud-color:#ff0000;" />
</form>

Answer 1

我不確定這只能用 javascript 來完成。 您需要以不同的方式從您的服務器提供文件。

你使用的是PHP還是什么？

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Disposition

您可以發送一個內容處置標頭來強制下載而不是打開。

更新：

好的，所以我找到了一種在不弄亂服務器的情況下執行此操作的hacky方法。 a標簽有一個可選的download屬性，您可以創建並觸發點擊。 然后你可以刪除鏈接。 這是示例代碼：

        const form = document.getElementById('form');
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            const selectedValue = document.getElementById('selectedfile').value;
            console.log(selectedValue)
            const link = document.createElement('a');
            link.setAttribute('download', selectedValue);
            link.href = selectedValue;
            document.body.appendChild(link);
            link.click();
        });

您當然會從您擁有的當前表單中刪除 onsubmit 並添加一個 id（示例是 #form）。

Answer 2

我相當確定它是僅針對 pdf 文件的瀏覽器特定設置，因為現代網絡瀏覽器內置了 pdf 閱讀器。 您可以為自己的瀏覽器更改此設置，但不能為訪問您網頁的任何客戶端更改。

這是有關如何執行此操作的鏈接：

• 鉻合金

• 蘋果瀏覽器

• 火狐

如果您的瀏覽器不在此處，則只需搜索“如何禁用[在此處插入瀏覽器] 的內置 PDF 查看器”。