hi can i know whats is {{file}} and how you are downloading file.
On Tuesday, April 15, 2014 at 12:31:27 AM UTC+5:30, Smart Cris wrote:
>
> Thx for the suggestion, a simple <a ng-href="{{file}}"
> target="_self"></A> did the job without even touching the headers.
>
> Il giorno lunedì 14 aprile 2014 19:00:52 UTC+2, [email protected] ha
> scritto:
>>
>> I think you are making this too complicated. All you should need to do is
>> to create a link to the file (place the URL you're using in the AJAX
>> request in the href of the link instead) and then have your Express code
>> "strongly encourage" the client to download the file rather than display
>> it. Take a look at
>> https://stackoverflow.com/questions/10615797/utility-of-http-header-content-type-application-force-download-for-mobile
>>
>> for some information. Basically, add the Content-Disposition:
>> attachment; etc etc header to the response with the file. Don't forget
>> that just because a user can't see a link, that doesn't mean they can't
>> access a URL. This means that you need to validate on the server side that
>> they are authorized to access the file even if they were able to ping the
>> URL.
>>
>> On Monday, April 14, 2014 9:14:51 AM UTC-6, Smart Cris wrote:
>>>
>>>
>>> This time I got bad luck with Stack Overflow, you guys are my last
>>> resource, and pls be kind with a newbie. Here is the trouble: in my MEAN
>>> application I need to provide a link to download a file (tif image), the
>>> link must be hidden and not accessible by unauthorized users. So I came up
>>> with the idea of keeping the files inside the server directory and let
>>> Angular.js send with ng-click="download()" an $HTTP request to
>>> express.js with the file ID to download. Here is my code that doesn't work,
>>> there are no errors whatsoever, but I can't even get the download dialog
>>> box to open:
>>>
>>> Client Side:
>>>
>>> $scope.download=function(){
>>> $http({method:'GET', url:'/download/'+image[0]['_id']}).
>>> success(function(data, status, headers, config) {
>>> var element = angular.element('<a/>');
>>> element.attr({
>>> href: 'data:attachment/tif;charset=utf-8,' + encodeURI(data),
>>> target: '_self',
>>> download:'test.tif'
>>> })[0].click();
>>> }).
>>> error(function(data, status, headers, config) {
>>> });
>>> }
>>>
>>> Template:
>>>
>>> <a ng-href="#" target="_self" type="button" class="btn"
>>> ng-click="download()">Download</a>
>>>
>>> Server Side
>>>
>>> app.namespace('/download/:documentID*', function() {
>>>
>>> app.all('/', function(req, res, next){
>>> res.download('images/download/test.tif', 'test.tif', function(err){
>>> if (err) {
>>> } else {
>>> next();
>>> }
>>> });
>>> });})
>>>
>>>
>>>
--
You received this message because you are subscribed to the Google Groups
"Angular" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
