锚标签下载在移动设备上不起作用

Question

I'm creating a mobile app using Ionic Framework, AngularJs, and Html. There's a page where a user needs to click on a <div> to download a wallpaper, when I'm trying to click the download it works when I'm on the web browser debug mode using the ionic serve but when I try to create the apk and test it in the mobile, it doesn't work. I have the following code on my html:

<div class="dl-btn">
<a download="someFilename" href="img/download-wallpaper.jpg">
<img src="img/download.png" width="40%" height="auto" class="center">
</a>
</div>

Answer 1

The reason it works in the browser and not on devide is because the browser just opens the href link in a new tab which asks you to download the file. In a mobile app, you don't really have the concept of a new tab since it's not a full browser.

You will have to use the file transfer plugin to download the file to a path on the user's device.

Check out the following section of the link and report back:

https://github.com/apache/cordova-plugin-file-transfer#download