【问题标题】:Allow file:// request in react-native Webview在 react-native Webview 中允许 file:// 请求
【发布时间】:2017-02-08 12:03:54
【问题描述】:

我正在尝试在 react-native webview 中使用 readiumjs 查看器。

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

基本上它是一个动态加载 epub 文件的 HTML 页面。在安卓上好像不行。 我发现问题在于加载 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 的等价物吗?

【问题讨论】:

    标签: react-native android-webview react-native-android


    【解决方案1】:

    最后我发现:

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

    创建允许跨域请求到 file:/// 的 webview 组件

    所以它解决了我的问题。

    【讨论】:

    • 嗨,我遇到了和你在这里问的同样的问题。正如您所做的那样,我正在尝试将 RN 与 Webview 一起使用来显示 PDF 文件。在 webview 内部,我需要一个文件对象才能使其工作,我猜你也遇到了同样的问题。如何将 RN 中的文件路径转换为 ​​Webview 中的文件对象?谢谢
    • @Erwin.H 你好,你能更准确地说,“在 webview 里面,我需要一个文件对象来使它工作”?你想用http请求调用webview中的pdf吗?也许link 可以帮忙?
    • 感谢您的回复。我想获取文件对象,就像使用 时得到的一样,而不是 url。搜索了一圈后,我认为这可能是可能的。将 React Native 端的文件转换为 Base64 代码,然后将其作为字符串传递给 WebView,然后在 WebView 端将其解析回文件对象。我仍在努力。希望它有效。
    猜你喜欢
    • 2012-08-01
    • 2013-02-17
    • 2018-02-03
    • 2020-05-25
    • 2023-04-02
    • 2013-04-19
    • 2016-08-15
    • 2022-11-10
    • 2017-03-15
    相关资源
    最近更新 更多