Question

使用以下代码，我无法将图片下载到iframe。相反，它下载到本地驱动器。

JS中的

：

  storageRef.child('images/CopyPerson.jpg').getDownloadURL().then(function(url) {
  var iframe1 = document.getElementById('downloadedCourse');
  iframe1.src = url;
}).catch(function(error) {
  // Handle any errors
});

in html：

  <iframe id="downloadedCourse" width="800" height="500" src=""></iframe>

但是，如果我使用img而不是iframe，它可以正常运行。我需要使用iframe的原因是因为我打算下载pdf文件。谁知道为什么？

Answer 1

我认为这是因为content-disposition标头设置为attachment而不是inline。尝试设置元数据以更改此值，看看是否有效：

// Obviously you only have to set the metadata once per file
// Not every time you download the URL
storageRef.child('images/CopyPerson.jpg').updateMetadata({
  "contentDisposition": "inline"  
}).then(function() {
  return storageRef.child('images/CopyPerson.jpg').getDownloadURL()
}).then(function(url) {
  var iframe1 = document.getElementById('downloadedCourse');
  iframe1.src = url;
});

从firebase存储下载文件到iframe

1 个答案: