cordova 如何在Webview iframe中嵌入Google Docs gview中启用/显示下载按钮

eblbsuwk  于 2023-10-24  发布在  Go
关注(0)|答案(1)|浏览(104)

我有一个cordova/ionic应用程序,它成功地在iframe中使用gview嵌入了office文件(IE:pdf,doc,xls)。然而,用户只能查看文档,现在用户可以下载文件。
https://docs.google.com/gview?url=" +$scope.docPath+ "&embedded=true"
完整的iframe:<iframe id="viewerFrame" style="width:100%;height:100%;" frameborder="0" sandbox="allow-scripts allow-same-origin" ng-src="https://docs.google.com/gview?url=https://exmple.com/files/5372967.pdf?t=1694794056384&amp;embedded=true"></iframe>
嵌入的链接包括传递给google docs的选项;所以要启用某种下载按钮,它必须包含在嵌入的链接中。

上下文:Android 12+由于Android应用程序上新的作用域存储不能再直接将文件下载到手机的通用Downloads文件夹中,迫使您使用不同的方法。无论如何,使用带有download的标准锚标记在应用程序中都不起作用。因此,我试图看看嵌入式文档查看器中的本地下载按钮是否会像浏览器那样对待下载,而不是像浏览器那样对待下载。应用程序是如何做到这一点的。

嵌入式视图有一个“弹出”按钮。但是当嵌入到iFrame中时,弹出按钮会导致应用程序崩溃(我不知道为什么).所以我隐藏了弹出按钮。
似乎也没有关于gview的官方文档。我确实发现这个关于gview选项的SE非常有限,但没有任何东西表明启用了下载按钮。https://webapps.stackexchange.com/questions/130654/all-google-docs-url-parameters-functions-commands
是否有任何gview选项,将显示一个功能下载按钮?

xzv2uavs

xzv2uavs1#

您可以自己添加链接

<div class="wrapper">
      <a href="https://exmple.com/files/5372967.pdf?t=1694794056384" download>Download</span>
      <iframe ...></iframe>
 </div>

 .wrapper{
      display: flex;
      height: 100%;
      flex-direction: column      
 }
 .wrapper > *{
      display: inline-block;
 }
 .wrapper > iframe{
      flex-grow: 1;
 }

相关问题