azure - 使用 google gview 在 iframe 中嵌入 Azure blob pdf 文件

Question

我有 pdf 文件存储在 azure blob 服务中 this URL .

我可以通过浏览器从这个URL正常下载它。

现在我想使用 google gview 将此 pdf 嵌入到 html 页面中。

我已输入:

<iframe src="https://drive.google.com/viewerng/viewer?url=https://hoxrostorage.blob.core.windows.net/hoxro/Matter_545/266408d1-309c-4258-808e-6bccdfc840c8.pdf?sv=2015-04-05&sr=b&sig=x8VhYOUGSNp9AJfV%2BT%2BybcBkPQknqNXdolq4Xo0ZAXU%3D&se=2016-06-29T20%3A58%3A52Z&sp=r&rsct=application%2Fpdf&embedded=true" width="400px" height="300px"  />

它告诉我:

请注意:

在 Azure Blob 存储中，我的 pdf 的内容类型设置为application/pdf

我已经检查了很多地方的帖子，但无法得出任何结论。

有人能给我指出正确的方向吗？

Answer 1

不确定您是否意识到这一点，但您的网址包含一个查询字符串，而该查询字符串又包含一个查询字符串。片段:

src="https://drive.google.com/viewerng/viewer?
url=https://hoxrostorage.blob.core.windows.net/hoxro/Matter_545/266408d1-309c-4258-808e-6bccdfc840c8.pdf?
sv=2015-04-05&sr=b&sig=x8VhYOUGSNp9AJfV%2BT%2BybcBkPQknqNXdolq4Xo0ZAXU%3D&se=2016-06-29T20%3A58%3A52Z&sp=r&rsct=application%2Fpdf
&embedded=true"

在 &embedded=true 之前，其余部分是 blob 的查询字符串(它又包含一个用于处理共享访问签名的查询字符串)。

您需要对嵌入的 blob url 进行编码，以便正确解析 URL。

我不知道这是否能解决您的嵌入式预览问题，但至少它会纠正您的网址格式。