Angularjs download function using url

Question

I am trying to create a download function in my angularjs using a url link ( not a json ) For example: https://assets.onemap.sg/shp/historicsites.zip How can i do so ?

PS: Another question @the comment

 <button ng-click="download">
 </button>

use a download attribute: <a href="https://assets.onemap.sg/shp/historicsites.zip" download> — Aleksey Solovey
– Aleksey Solovey, Commented Oct 24, 2018 at 8:42
oh wow cool, thanks. Just another question, is it possible to change the url after the /shp/ like assets.onemap.sg/shp/abc.zip (abc.zip) to assets.onemap.sg/shp/def.zip (def.zip) — HangulSR
– HangulSR, Commented Oct 24, 2018 at 8:45
On page load, suppose from x place you are getting this dynamic url then assign URL in a variable and bind it in a href attribute. — Utkarsh Dubey
– Utkarsh Dubey, Commented Oct 24, 2018 at 8:47
Do you mind elaborating more on that? @UtkarshDubey please and thanks! — HangulSR
– HangulSR, Commented Oct 24, 2018 at 8:48

Noor A Shuvo · Accepted Answer · 2018-10-24 09:10:56Z

1

Use download attribute in <a> tag

<a href="https://assets.onemap.sg/shp/historicsites.zip" download>

If you want to change the url, do

<a ng-href="https://assets.onemap.sg/shp/{{fileName.zip}}" download>link1</a>

answered Oct 24, 2018 at 9:10

Noor A Shuvo

2,8853 gold badges28 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

HangulSR Over a year ago

That did the trick, thanks! But i am getting this error on my console log, any idea how to fix it? "Resource interpreted as Document but transferred with MIME type application/zip:"

Collectives™ on Stack Overflow

Angularjs download function using url

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related