如何使用自定義文件列表（遠程、服務器目錄）在 SPA（瀏覽器端）上打開文件對話框

Question

我有一個帶有視圖的 MVC 項目。 在服務器上有一個包含文件的目錄，並且必須顯示包含此目錄和文件的漂亮的“打開文件”對話框（不是用戶的本地目錄）。 我得到了一個文件列表和路徑，並作為變量（字符串和字符串數組）發送到我的視圖中，所以現在我可以在我的頁面上顯示目錄列表。 但是我想使用一些標准外觀的對話框來選擇文件，而不是用單選按鈕和文本框編寫我自己的窗口。 有什么方法可以用我的 Javascript 文件列表填充打開文件對話框嗎？

Answer 1

關於按鈕，你可以看看引導程序： https : //getbootstrap.com/docs/4.0/components/list-group/

在那里您可以使用預定義的按鈕、列表等。但特別是對於下載文件，沒有任何類型的特殊按鈕。

關於 JS 部分，您可以使用以下內容：

<a id="download_link" download=filename.txt" href=”” onclick="getFile('someinputtxt')"><font size="5">Download Txt File</font></a>

<script> 
    function getFile(input)
    { 
    var text =  input;
    var data = new Blob([text], {type: 'text/plain'});
var url = window.URL.createObjectURL(data);

document.getElementById('download_link').href = url;
} 
</script>

在那里我創建了一個帶有一些輸入的文本文件。 但基本上你可以使用一個已經在引導程序中的按鈕/列表，只需使用“下載”添加文件：

希望能幫助到你。