Javascript 如何通过存储在firebase存储中的google docs viewer在iframe中显示pdf文档？

我有一个iframe，我想在其中通过google docs viewer预览firebase存储中托管的pdf文档。我正在javascript中动态创建html视图，并通过jquery的

（'.someClass'）.html（）

方法添加它

我尝试将文档的下载url直接插入iframe，它工作正常并显示预览

但我无法通过谷歌文档显示预览

我的意思是这很好用：

....making  my html on the fly in javascript

myHtml+='<iframe src="'+downloadUrlFirebaseStorage+'" width="100%"   frameborder="0"/>'

....making remaining  rest of my html on the fly in javascript

$('.someClass').html(myHtml);

试试这个：

<iframe src="https://drive.google.com/viewerng/viewer?url=https://library.osu.edu/assets/Documents/SEL/QuickConvertWordPDF.pdf?pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="400px" height="300px"  />

然后转到

试试这个：

<iframe src="https://drive.google.com/viewerng/viewer?url=https://library.osu.edu/assets/Documents/SEL/QuickConvertWordPDF.pdf?pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="400px" height="300px"  />

---

然后转到

我只需要对URI进行编码并将“%26”更改为“&”：

var encodedUrl = encodeURIComponent(downloadUrlFirebaseStorage);

....making  my html on the fly in javascript

myHtml+='<iframe src="https://docs.google.com/viewer?url='+encodedUrl+'&embedded=true" width="100%"   frameborder="0"/>'

....making remaining  rest of my html on the fly in javascript

$('.someClass').html(myHtml);

var encodedUrl=encodeURIComponent（下载urlfirebasestorage）；
…使用javascript动态生成我的html
myHtml+=“”
…在javascript中动态生成剩余的html
$（'.someClass'）.html（myHtml）；

我只需对URI进行编码并将“%26”更改为“&”：

var encodedUrl = encodeURIComponent(downloadUrlFirebaseStorage);

....making  my html on the fly in javascript

myHtml+='<iframe src="https://docs.google.com/viewer?url='+encodedUrl+'&embedded=true" width="100%"   frameborder="0"/>'

....making remaining  rest of my html on the fly in javascript

$('.someClass').html(myHtml);

var encodedUrl=encodeURIComponent（下载urlfirebasestorage）；
…使用javascript动态生成我的html
myHtml+=“”
…在javascript中动态生成剩余的html
$（'.someClass'）.html（myHtml）；

不幸的是，它不起作用。控制台中出现“runtime.lastError:无法建立连接。接收端不存在”错误。我试着这样做：不幸的是，它不起作用。控制台中出现“runtime.lastError:无法建立连接。接收端不存在”错误。我试着这样做：