Question

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

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

在此Web应用程序中，我创建了一个按钮（单击时会调用onSave（）方法），该按钮可下载文本或图片（如您所愿）。

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);
}

当我单击按钮（使用浏览器）时，将显示下载窗口，并且可以将文件保存在所需的位置（这里没有什么奇怪的，只是下载文件）。

但是，当我通过UWP编译应用程序时，单击下载按钮时，没有得到我想要的行为。该应用程序仅在屏幕（iframe）上显示文本，而未显示下载窗口。你们有没有遇到这个问题？在Windows UWP应用程序上有什么方法可以做到这一点？

干杯。

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

0 个答案: