Downloading a URI starting with blob:http://... on android crashes the app

[chaudhryjunaid]

I have a webview on Android that attempts to download an embedded pdf file via a blob URL. However, the app crashes on such attempt.

[jamonholmgren]

Hi @chaudhryjunaid , can you provide a minimal reproduceable repo so we can see this happening?

[chaudhryjunaid]

@jamonholmgren will try to build one over the weekend if I get the time.

[marexv]

I have the same issue. Need some help with that repo @chaudhryjunaid?

Here is my crashalytics stack trace:

RNCWebViewManager.java line 464
com.reactnativecommunity.webview.RNCWebViewManager$3.onDownloadStart

Fatal Exception: java.lang.IllegalArgumentException: Can only download HTTP/HTTPS URIs: blob:https://myurlwashere.com/4514c839-82f7-4a9c-ac32-6f367fbdb624
       at android.app.DownloadManager$Request.<init>(DownloadManager.java:613)
       at 
com.reactnativecommunity.webview.RNCWebViewManager$3.onDownloadStart(RNCWebViewManager.java:464)
       at xH.a(SourceFile:510)
       at ayK.handleMessage(SourceFile:25)
       at android.os.Handler.dispatchMessage(Handler.java:105)
       at android.os.Looper.loop(Looper.java:164)
       at android.app.ActivityThread.main(ActivityThread.java:6938)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.Zygote$MethodAndArgsCaller.run(Zygote.java:327)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1374)

[moughxyz]

On iOS, navigating to a blob via window.location.href = blobUrl will show the file within the webview, but I haven't found a way to get the file to actually download and save to the user's photos or files. (Using the method to create a temporary a tag and and then a.click() has no effect.)

This answer has a workaround, although not too elegant:
https://stackoverflow.com/questions/45065085/how-to-read-a-blob-data-url-in-wkwebview

In case you want to test this, you can create a blob link in JS with this:

 downloadData(reactNative = false) {
    var link = document.createElement('a');
    link.setAttribute('download', "foo.json");
    var url = window.URL.createObjectURL(new Blob([JSON.stringify({foo: "bar"})], {type: 'text/json'}));
    link.href = url;
    if(reactNative) {
      window.location.href = link.href;
    } else {
      document.body.appendChild(link);
      link.click();
      link.remove();
    }
  }

reactNative is to handle if we're in RN, since link.click() has no effect.

[nyalsadiq]

I'm having the same problem, any update on this?

[memelie]

I am facing the same issue! @jamonholmgren any help?

[JesperBry]

I'm facing the same issue, any update on this?
I've noticed that files represented as a blob, don't get a path and the app crashes. However it works with image-files represented as blobs, but not with pdf's.

[fvidalarcon]

I join the post, I am facing the same problem...

java.lang.IllegalArgumentException: Can only download HTTP/HTTPS URIs: blob:

@Override public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) { final DownloadManager.Request request = new DownloadManager.Request(Uri.parse(url)); request.allowScanningByMediaScanner(); request.setMimeType(mimetype);

[github-actions]

Hello 👋, this issue has been opened for more than 2 months with no activity on it. If the issue is still here, please keep in mind that we need community support and help to fix it! Just comment something like still searching for solutions and if you found one, please open a pull request! You have 7 days until this gets closed automatically

[aszenz]

@jamonholmgren

Here's an example to reproduce it:

import React from 'react'
import { View } from 'react-native'
import { WebView } from 'react-native-webview'

const App = () => {
  return (
    <View style={{ flex: 1 }}>
      <WebView
        source={{
          uri: 'https://codepen.io/vidhill/pen/bNPEmX'
        }}
        javaScriptEnabled
        allowFileAccess
        mixedContentMode={'always'}
        domStorageEnabled
        textZoom={150}
      />
    </View>
  )
}

export default App;

The embedded codepen url has a link (Download JSON) which should download a json file, but the app crashes on clicking the link.

[daniily000]

Same problem. Any news?

[bbuttam]

I'm having the same problem, any update on this?

[DaniGo-1]

¿Alguien encontró alguna solución?

[razaadeel]

Facing the same issue. Anyone found the solution?

[jack-salvona-dynasty]

Also currently facing this issue, with PDF, Excel & CSV blob downloads

[bpfeiffer187]

I am also facing this same issue. Anyone have an anticipated date for a fix?

[github-actions]

Hello 👋, this issue has been opened for more than 2 months with no activity on it. If the issue is still here, please keep in mind that we need community support and help to fix it! Just comment something like still searching for solutions and if you found one, please open a pull request! You have 7 days until this gets closed automatically

[bendadaniel]

+1

[donysukardi]

Still searching for solutions

[jamonholmgren]

Thanks to @aszenz for the minimal repro. If someone wants to tackle fixing this problem, I'm happy to review the PR!

[lamendaviesa]

Hi! @jamonholmgren @aszenz probe to do that.

<WebView
allowFileAccess
originWhitelist={['https://', 'blob:']}
javaScriptEnabled
source={{
uri: 'https://codepen.io/vidhill/pen/bNPEmX'
}}
/>

It works in iOS, I have problems in Android.

Error Android:
java.lang.IllegalArgumentException: Can only download HTTP/HTTPS URIs: blob:https://familiados.com/65829a53-1c51-4369-96da-61ff6d8f3094
at android.app.DownloadManager$Request.(DownloadManager.java:459)
at com.reactnativecommunity.webview.RNCWebViewManager$2.onDownloadStart(RNCWebViewManager.java:205)
at ic.a(PG:548)

[aszenz]

@lamendaviesa
The problem is not specific to this package, instead the Android Download Manager only accepts http and https download uris.
So blob uris needs to be converted into a base64 string in JS and then that base64 string has to be written on the download path using Android Java APIs.

[lamendaviesa]

@aszenz Thanks!

[KA-32]

why is this issue closed ?

[SamiChab]

Still looking for an answer to this... Can someone help?

[adiXcodr]

Could anybody find a solution?

[shivammaindola]

Has anybody got the solution?

[Cosmonaut191]

Any leads?

[gogul-ct]

Any solution?

[BassamRazzaq100]

I have the same problem unable to download pdf file.
After alot of search. I figure out that website is use the following code script to get the downloaded data.
columns: [
{data: 'id', name: 'id'},
{data: 'patient_name', name: 'patient_name'},
{data: 'email', name: 'email'},
{data: 'phone', name: 'phone'},
{data: 'consultation_type', name: 'consultation_type'},
{data: 'category', name: 'category'},
{data: 'address', name: 'address'},
{data: 'state', name: 'state'},
{data: 'date', name: 'date'},
]

[eshernandez]

Any solution?

[Vitor-Conti]

Any Updates? Why is this closed!

[fukemy]

any news?