Member 11183217 Ответов: 1

Angularjs - скачать pdf-файл с помощью якорного тега в angularjs

<div ng-controller="appController" ng-app="app">
    <a ng-href="C:\Users\mvijayan\Documents\Visual Studio 2015\Projects\AngularjsTraining\AngularjsTraining\Pdf\ID DocLink Programmer Reference.pdf" download="file.pdf">Hi guys, Please download this pdf file and start Your season</a>  
</div>


Что я уже пробовал:

привет друзья,

я пытался скачать pdf-файл с помощью angularjs, но он не работает Может ли кто-нибудь сказать мне, и если вы знаете это, пожалуйста, измените и ответьте мне, ребята</pre>

1 Ответов

Рейтинг:
0

Konstantin A. Magg

Привет @User-11148958,

что вы подразумеваете под загрузкой "не работать"? Я привел быстрый пример в Плунжер[^] это использует в значительной степени ваш код. Когда я нажимаю кнопку СКАЧАТЬ ссылка, она открывает диалоговое окно загрузки браузера по умолчанию.

Поскольку ваша ссылка не содержит никаких специфичных для angular утверждений (например, {{/*...*/}}), вам даже не нужно будет ng-href для ссылки на скачивание, но придерживайтесь простого HTML href атрибут гиперссылки. Видеть док[^] для получения более подробной информации и примеров.

На всякий случай, если ссылка на Планкер не работает, вот пример кода. Чтобы ссылка на скачивание заработала, создайте пустой файл и назовите его скачать.формат PDF и поместите его рядом с файлом HMTL.

<!-- index.html -->
<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css">
  </head>
  <body>
    <div>
      <p><a href="download.pdf" download="file.pdf">DOWNLOAD</p>
  </body>
</html>


Если у вас возникнут еще какие-то вопросы, пожалуйста, дайте мне знать.

Бест, К.