如何在SPA(浏览器端)上打开带有自定义文件列表(远程,服务器目录)的文件对话框



>我有一个带有视图的 MVC 项目。在服务器上有一个包含文件的目录,并且必须显示美观的"打开文件"对话框,其中包含此目录和文件(不是用户的本地目录(。我得到了一个文件列表和路径,并作为变量(字符串和字符串数组(发送到我的视图中,所以现在我可以在我的页面上显示目录列表。但是我想使用一些标准外观的对话框来选择文件,而不是使用单选按钮和文本框编写自己的窗口。 有没有办法用我的文件列表填充"打开文件"对话框 使用Javascript?

关于按钮,你可以看看bootstrap: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>

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

希望对您有所帮助。

最新更新