如何使用自定义文件列表（远程、服务器目录）在 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>

在那里我创建了一个带有一些输入的文本文件。 但基本上你可以使用一个已经在引导程序中的按钮/列表，只需使用“下载”添加文件：

希望能帮助到你。