javascript - AngularJS:显示 OS "file save"对话框但未实际保存

Question

我需要做的就是，在ng-click上从浏览器跨平台打开文件“保存”对话框。我并不是想真正拯救任何东西；我只是想拯救任何东西。这只是一个演示/原型(prototype)，我想向利益相关者展示流程。

我在 SO 上找到的每个答案都是保存窗口或文件 blob 内容的复杂方法，但我不需要这样做。

我希望有类似于 $window.prompt 的东西，但是对于文件对话框。

有什么吗？

Answer 1

根据 azad 的评论，您可以使用隐藏的 <input type="file">并用 <label> 触发它.

编辑:设置 <label> 的样式看起来像一个按钮，以获得更好的浏览器兼容性。

#download {
  display: none;
}
.download-button {
  border-radius: 28px;
  font-family: Arial;
  color: white;
  font-size: 14px;
  background: #3498db;
  padding: 10px 15px 10px 15px;
  display: inline-block;
}
.download-button:hover {
  background: #3cb0fd;
}

<input id="download" type="file" />
<label for="download" class="download-button">
  Save As
</label>