通过JavaScript和Angular中的UWP应用程序下载文件_Javascript_Angular_Uwp

通过JavaScript和Angular中的UWP应用程序下载文件

javascript angular uwp

通过JavaScript和Angular中的UWP应用程序下载文件,javascript,angular,uwp,Javascript,Angular,Uwp,我有一个渐进式的应用程序，前端是以角度开发的。为了将其编译并作为UWP应用程序发布，我创建了UWP javascript项目，其中index.html有一个指向本地服务器（angular）的iframe。总而言之，它只是我角度项目的一面镜子 <body id="body" class="win-type-body"> <iframe id="content" width="100%" height="100%" src="http://127.0.0.1:4200"&g

我有一个渐进式的应用程序，前端是以角度开发的。为了将其编译并作为UWP应用程序发布，我创建了UWP javascript项目，其中index.html有一个指向本地服务器（angular）的iframe。总而言之，它只是我角度项目的一面镜子

<body id="body" class="win-type-body">
    <iframe id="content" width="100%" height="100%" src="http://127.0.0.1:4200"></iframe>
</body>

当我点击按钮（使用浏览器）时，会显示下载窗口，我可以将文件保存到任何我想要的地方（这里没有什么奇怪的，只是下载一个文件）

然而，当我通过UWP编译应用程序，并单击下载按钮时，我没有得到我想要的行为。应用程序只在屏幕上显示文本（iframe），而不显示下载窗口。你们有没有遇到过这个问题？有没有办法在Windows UWP应用程序上执行此操作

干杯。

要从JavaScript UWP应用程序保存文件，您必须使用UWP保存文件API，但不能使用web API。实际上，对于你的应用程序，我建议你直接使用PWA：我有点明白了，但我如何做到这一点，前端运行在角度范围内。我如何访问此API。对不起，我可以理解您的选择是什么。PWA还是WinJS UWP项目？如果是PWA，你可以参考这里：我没有见过它，对不起。这是一个WinJS UWP项目。对于WinJS UWP项目，请在获取文件时查看此演示，然后可以使用filepicker将文件保存到任何要保存的位置。它将为您弹出一个选择器窗口。要从JavaScript UWP应用程序保存文件，您必须使用UWP保存文件API，但不能使用web API。实际上，对于你的应用程序，我建议你直接使用PWA：我有点明白了，但我如何做到这一点，前端运行在角度范围内。我如何访问此API。对不起，我可以理解您的选择是什么。PWA还是WinJS UWP项目？如果是PWA，你可以参考这里：我没有见过它，对不起。这是一个WinJS UWP项目。对于WinJS UWP项目，请在获取文件时查看此演示，然后可以使用filepicker将文件保存到任何要保存的位置。它将为您弹出一个选择器窗口。

onSave() {
    console.log('onSave');
    let link = document.createElement('a');
    link.download = 'hello.txt';

    let blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
    link.href = URL.createObjectURL(blob)
    link.click();

    URL.revokeObjectURL(link.href);
}