2017-02-08 9 views
1

反応のネイティブWebviewでreadiumjsビューアを使用しようとしています。反応ネイティブWebviewでfile://要求を許可する

https://github.com/readium/readium-js-viewer

は、基本的には動的にHTMLページの読み込みePubファイルです。 Androidで動作しないようです。 問題は、epubをロードするリクエストが "file:// xxx"というURIで行われていることがわかりました。 そして、彼のクロスオリジンリクエストポリシーのためにwebviewがそれをブロックしています。

file://へのリクエストを許可するには、どうすれば管理できますか?

これは基本的なAndroidのためにこれを見つけました:Android WebView throws "cross origin requests are only supported for http" exception while trying to load resource from disk React-nativeと同等のものはありますか?

答えて

0

最終的に私がいることを見つける:///

をので、それは私の問題を解決する:

https://github.com/lucasferreira/react-native-webview-android

ファイルへのクロスorignin要求を許可するのWebViewコンポーネントを作成します。

+0

こんにちは、私はあなたがここで質問したのと同じ問題があります。あなたがしているように、私はPDFファイルを表示するためにWebviewでRNを使用しようとしています。 webviewの内部では、ファイルオブジェクトが必要です。同じ問題に直面していたと思います。 RNのファイルパスをWebviewのファイルオブジェクトにどのように変換しますか?ありがとう –

+0

@ Erwin.Hこんにちは、より正確にすることができます "webviewの中で、私はそれを動作させるためにファイルオブジェクトが必要です"? httpリクエストでwebviewの中でpdfを呼びたいのですか?おそらく[リンク](https://github.com/facebook/react-native/issues/1442)が助けになるだろうか? –

+0

ご返信ありがとうございます。 URLの代わりにを使用したときと同じように、ファイルオブジェクトを取得したいと思います。周りを検索した後、私はこれが可能かもしれないと思います。 React Native側のファイルをBase64コードに転送し、それを文字列としてWebViewに渡してから、WebView側で解析してファイルオブジェクトに戻します。私はまだそれに取り組んでいます。それがうまくいくことを望みます。 –

関連する問題