質問編集履歴
11
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -22,8 +22,17 @@
|
|
|
22
22
|
## 試したこと
|
|
23
23
|
同じPDFファイルをStorageではなく、localhostで公開してPDF.jsからアクセスした場合は表示されました。
|
|
24
24
|
http://localhost:8888/pdfjs/web/viewer.html?file=http://localhost:8888/dummy.pdf
|
|
25
|
-
↑このURL
|
|
25
|
+
↑このURLをiframeのsrcに指定した場合は正常に表示されました。
|
|
26
26
|
|
|
27
27
|
CORSが原因かと思い、gsutilコマンドを使ってStorageのCORSをhttp://localhost:8888に対して許可してみましたが改善しませんでした。
|
|
28
|
+
CORSの設定は以下の通りです。
|
|
29
|
+
```cors.json
|
|
30
|
+
[{
|
|
31
|
+
"origin": ["http://localhost:8888"],
|
|
32
|
+
"responseHeader": ["*"],
|
|
33
|
+
"method": ["GET"],
|
|
34
|
+
"maxAgeSeconds": 86400
|
|
35
|
+
}]
|
|
36
|
+
```
|
|
28
37
|
|
|
29
38
|
ブラウザは、FireFoxとChromeで試して同じ結果でした。
|
10
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -24,6 +24,6 @@
|
|
|
24
24
|
http://localhost:8888/pdfjs/web/viewer.html?file=http://localhost:8888/dummy.pdf
|
|
25
25
|
↑このURLでは正常に表示されました。
|
|
26
26
|
|
|
27
|
-
CORSが原因かと思い、gsutilコマンドを使ってStorageのCORSをhttp://localhost:8888
|
|
27
|
+
CORSが原因かと思い、gsutilコマンドを使ってStorageのCORSをhttp://localhost:8888に対して許可してみましたが改善しませんでした。
|
|
28
28
|
|
|
29
29
|
ブラウザは、FireFoxとChromeで試して同じ結果でした。
|
9
文章の修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
FirebaseのStorageで公開しているPDFをPDF.jsを使ってHTMLに埋め込み表示したい
|
|
1
|
+
FirebaseのStorageで公開しているPDFをPDF.jsとiframeを使ってHTMLに埋め込み表示したい
|
body
CHANGED
|
@@ -21,10 +21,9 @@
|
|
|
21
21
|
|
|
22
22
|
## 試したこと
|
|
23
23
|
同じPDFファイルをStorageではなく、localhostで公開してPDF.jsからアクセスした場合は表示されました。
|
|
24
|
-
以下のようなURLです。
|
|
25
|
-
|
|
26
24
|
http://localhost:8888/pdfjs/web/viewer.html?file=http://localhost:8888/dummy.pdf
|
|
25
|
+
↑このURLでは正常に表示されました。
|
|
27
26
|
|
|
28
|
-
gsutilコマンドを使ってStorageのCORSをlocalhost:8888に対して許可してみましたが改善しませんでした。
|
|
27
|
+
CORSが原因かと思い、gsutilコマンドを使ってStorageのCORSをhttp://localhost:8888や、https://firebasestorage.googleapis.comに対して許可してみましたが改善しませんでした。
|
|
29
28
|
|
|
30
29
|
ブラウザは、FireFoxとChromeで試して同じ結果でした。
|
8
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -20,6 +20,11 @@
|
|
|
20
20
|
正常に表示する方法はありますか？
|
|
21
21
|
|
|
22
22
|
## 試したこと
|
|
23
|
-
|
|
23
|
+
同じPDFファイルをStorageではなく、localhostで公開してPDF.jsからアクセスした場合は表示されました。
|
|
24
|
+
以下のようなURLです。
|
|
25
|
+
|
|
26
|
+
http://localhost:8888/pdfjs/web/viewer.html?file=http://localhost:8888/dummy.pdf
|
|
27
|
+
|
|
24
|
-
|
|
28
|
+
gsutilコマンドを使ってStorageのCORSをlocalhost:8888に対して許可してみましたが改善しませんでした。
|
|
29
|
+
|
|
25
|
-
|
|
30
|
+
ブラウザは、FireFoxとChromeで試して同じ結果でした。
|
7
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
|
+
## やりたいこと
|
|
1
2
|
FirebaseのStorageを使って、以下のURLでPDFを公開しています。
|
|
2
3
|
|
|
3
4
|
[https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e](https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e)
|
|
4
5
|
|
|
6
|
+
これを直接iframeのsrcに指定するとスマートフォンで正常に表示されないため、
|
|
5
|
-
PDF.js
|
|
7
|
+
PDF.jsを使ってHTMLに埋め込みたいと考えています。
|
|
8
|
+
|
|
9
|
+
## 質問
|
|
6
10
|
以下のURLをiframeのsrcに指定することでHTMLに埋め込むことができると想定していたのですが、
|
|
7
11
|
|
|
8
12
|
http://localhost:8888/pdfjs/web/viewer.html?file=[https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e](https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e)
|
|
@@ -13,6 +17,7 @@
|
|
|
13
17
|
|
|
14
18
|
|
|
15
19
|
FirebaseのStorageで公開した場合、厳密にはPDF形式でなくなってしまうのでしょうか。
|
|
20
|
+
正常に表示する方法はありますか？
|
|
16
21
|
|
|
17
22
|
## 試したこと
|
|
18
23
|
- 同じPDFファイルをStorageではなく、localhostで公開してPDF.jsからアクセスした場合は表示されました。
|
6
文章を修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
[https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e](https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e)
|
|
4
4
|
|
|
5
|
-
PDF.jsを使って
|
|
5
|
+
PDF.jsとiframeを使ってHTMLに埋め込みたいと考えています。
|
|
6
|
-
以下のURLに
|
|
6
|
+
以下のURLをiframeのsrcに指定することでHTMLに埋め込むことができると想定していたのですが、
|
|
7
7
|
|
|
8
8
|
http://localhost:8888/pdfjs/web/viewer.html?file=[https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e](https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e)
|
|
9
9
|
（※fileパラメータのURLは最初のURLと同じです。）
|
|
10
10
|
|
|
11
|
-
Invalid PDF Structureと表示され
|
|
11
|
+
Invalid PDF Structureと表示されてしまいます。
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
5
タイトルを修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
FirebaseのStorageで公開しているPDFをPDF.jsを使って表示したい
|
|
1
|
+
FirebaseのStorageで公開しているPDFをPDF.jsを使ってHTMLに埋め込み表示したい
|
body
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e](https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e)
|
|
4
4
|
|
|
5
|
-
PDF.jsを使って
|
|
5
|
+
PDF.jsを使って公開したいと考えています。
|
|
6
6
|
以下のURLにアクセスすると公開できると想定していたのですが、
|
|
7
7
|
|
|
8
8
|
http://localhost:8888/pdfjs/web/viewer.html?file=[https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e](https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e)
|
4
試したこと修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -15,8 +15,6 @@
|
|
|
15
15
|
FirebaseのStorageで公開した場合、厳密にはPDF形式でなくなってしまうのでしょうか。
|
|
16
16
|
|
|
17
17
|
## 試したこと
|
|
18
|
+
- 同じPDFファイルをStorageではなく、localhostで公開してPDF.jsからアクセスした場合は表示されました。
|
|
18
19
|
- gsutilコマンドを使ってStorageのCORSをlocalhost:8888に対して許可しましたが改善しませんでした。
|
|
19
|
-
|
|
20
|
-
- 別のPDFファイルを同じように公開して試しましたが、同様の結果でした。
|
|
21
|
-
- FireFoxとChromeで試しましたが同じ結果でした。
|
|
20
|
+
- ブラウザは、FireFoxとChromeで試しましたが同じ結果でした。
|
|
22
|
-
- 同じPDFファイルをStorageではなく、localhostで公開してPDF.jsからアクセスした場合は表示されました。
|
3
リンクを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,7 +5,8 @@
|
|
|
5
5
|
PDF.jsを使って、スマートフォン向けにも公開したいと考えています。
|
|
6
6
|
以下のURLにアクセスすると公開できると想定していたのですが、
|
|
7
7
|
|
|
8
|
-
http://localhost:8888/pdfjs/web/viewer.html?file=https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e
|
|
8
|
+
http://localhost:8888/pdfjs/web/viewer.html?file=[https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e](https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e)
|
|
9
|
+
（※fileパラメータのURLは最初のURLと同じです。）
|
|
9
10
|
|
|
10
11
|
Invalid PDF Structureと表示され、公開できません。
|
|
11
12
|
|
2
試したこと追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -17,5 +17,5 @@
|
|
|
17
17
|
- gsutilコマンドを使ってStorageのCORSをlocalhost:8888に対して許可しましたが改善しませんでした。
|
|
18
18
|
|
|
19
19
|
- 別のPDFファイルを同じように公開して試しましたが、同様の結果でした。
|
|
20
|
-
|
|
20
|
+
- FireFoxとChromeで試しましたが同じ結果でした。
|
|
21
21
|
- 同じPDFファイルをStorageではなく、localhostで公開してPDF.jsからアクセスした場合は表示されました。
|
1
リンクに変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
FirebaseのStorageを使って、以下のURLでPDFを公開しています。
|
|
2
2
|
|
|
3
|
-
https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e
|
|
3
|
+
[https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e](https://firebasestorage.googleapis.com/v0/b/test-ad8e8.appspot.com/o/dummy.pdf?alt=media&token=f41af561-fe59-4a3b-88b0-bb4aaa1a1f9e)
|
|
4
4
|
|
|
5
5
|
PDF.jsを使って、スマートフォン向けにも公開したいと考えています。
|
|
6
6
|
以下のURLにアクセスすると公開できると想定していたのですが、
|