React-Native：从Android WebView下载和上传文件

Question

我正在使用React-Native Webview Bridge模块，因为我需要它的功能，现在我想让下载和上传文件的功能工作。对于下载，我发送了一个消息，其中包含文件的URL，然后使用Linking软件包在浏览器中下载，不幸的是，我发现下载失败了。有没有办法让这个模块同时支持下载和上传？

- NinetyHH

---

使用base64将文件转换为字符串，然后上传/下载该字符串怎么样？ - Carlos

我成功地实现了下载，但无法实现上传。 - NinetyHH

我正在React Native应用程序中进行此操作，请确保您发送的JSON消息格式正确，并且请求的标头也正确。 - Carlos

你有公开的repo可以看到你的示例吗？另外，你是如何触发filemanager的？ - NinetyHH

不行，但我可以将代码粘贴作为回复。关于文件管理器，我只是发送图片，所以图像选择器会处理它。 - Carlos

但是这样我仍然无法触发Web视图中的按钮。 - NinetyHH

Answer 1

最近我也遇到了类似的问题，不过是在Android上（只是文件上传方面的问题）。你可以在这里查看我的实现：https://github.com/martinarroyo/react-native-webview-file-upload/

如果你将那段代码扩展一下，像这个一样，就可以包含文件下载了。

- martinarroyo

---

我需要想办法将它与webview桥接模块一起使用，因为我需要它的功能。你有什么想法吗？ - NinetyHH

你是指这个包吗？我猜你所要做的就是将这个功能集成到rn-webview-bridge的“AndroidWebViewManager”中。此外，你还需要查看“AndroidWebViewPackager”以处理活动引用，并编辑JavaScript文件以包含所需的属性。 - martinarroyo

Answer 2

fetch(
            _apiRoot+url+'?_format=json&access_token='+this.getAccessToken(),
            {
                method: 'POST',
                headers: {
                    'Accept': 'application/json',
                    'Content-Type': 'application/json'
                },
                body:JSON.stringify(data)
            }).then((response) => response.json())
            .then((response) => {
                success(response.data);
            })
            .catch((errorData) => {
                error(errorData);
            });

//Where data is an object like

let data = {
  images:[responseDataFromImagePicker.data,responseDataFromImagePicker.data]
}
//the picker returns the image encoded in base64

- Carlos