Download of a blob url doesn't work on Android

[LuanEdCosta]

Bug description:
I'm generating a blob URL of an audio and putting it into a link tag <a> with the download attr. It works well on the browser, but when I click the link on the React Native Webview nothing happens (no errors).

I thought that it was a permission problem, so I added the WRITE_EXTERNAL_STORAGE to AndroidManifest and requested the permission when the app starts, but it didn't work.

To Reproduce:

// Create a blob URL and pass it to a link tag
// Try to download the audio on the Webview
const blob = new Blob([], { type: 'audio/webm' })
const url = URL.createObjectURL(blob)

<a href={url} download="audio.mp3">Click to Download</a>

Expected behavior:
The audio must be downloaded to the user's phone.

Screenshots/Videos:
App.tsx

AndroidManifest.xml

Environment:

• react-native version: 0.67.4
• react-native-webview version: 11.17.2

[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

[medeirosrafael]

Did you solve it, @LuanEdCosta ?

[LuciKritZ]

Did you solve it, @LuanEdCosta ?

+1

[LuanEdCosta]

No, I didn't find a solution. But I also haven't tried it with the latest version of react-native and react-native-webview yet.

[xsorren]

+1 pls helppp

[wahidshadab]

+1

[farellsujanto]

+1

[anazaim77]

+1

[wahidshadab]

+1

[MuhammadRafeh]

Any solution?

[devmuhnnad]

I face the same issue

[devmuhnnad]

I have spent hours to find a solution, it turned out that react native doesn't support such a feature 😢

Finally, I had to use native Android with Kotlin, using webChromeClient library,
it worked like magic 🌟 it provides many features to have almost full control over the WebView,
I wrote an implementation to support blob downloading, if someone interested, I could upload the project for you.

[gabrielsme]

I have spent hours to find a solution, it turned out that react native doesn't support such a feature 😢

Finally, I had to use native Android with Kotlin, using webChromeClient library, it worked like magic 🌟 it provides many features to have almost full control over the WebView, I wrote an implementation to support blob downloading, if someone interested, I could upload the project for you.

I'm interested. Thanks

[devmuhnnad]

GOOD NEWS!

I am working on implementing this feature, so React-native-webview will support Blob download 🔥

The PR is coming in few days, stay around 🔥

[raviraj-tudip]

Hi All,

I'm encountering the same issue—I'm unable to download a PDF associated with a blob URL. This problem has been open for quite long time, and we haven't found a solution yet. Could someone please offer assistance?