Открытие файла, выбранного пользователем - PullRequest
Новая
       31

Открытие файла, выбранного пользователем

0 голосов
/ 17 октября 2018

У меня есть код ниже, и я хотел бы, если пользователь пожелает, показать PDF, который был добавлен (с помощью элемента ввода), в новой вкладке или открыть файл.

Этодаже возможно? 

<div class="uploadButtonSection">
   <input type="image" src="clip.png" ngf-select="uploadFiles($files)" multiple
            accept="application/pdf" ngf-max-height="1000" ngf-max-size="5MB" class="uploadIcon"/>

 <ul class="uploadList">
    <li ng-repeat="file in files" style="font:smaller">   
       <div class="attachmentIcon">
         <a href="#" target="_blank"><img src="pdf-icon.png"></a>
         <div class="customBtn" ng-click="removeFile(file)">Remove</div>
            {{file.name}}
       </div>     
    </li>
 </ul>
</div>

1 Ответ

0 голосов
/ 17 октября 2018

Вы можете сделать это, используя URL.createObjectURL и передав ему выбранный файл. 

let url = URL.createObjectURL(selectedFile);
window.open(url, "_blank");

Вот вам скрипка для быстрого ознакомления.

Но проблема в том, что большинство браузеров блокируют вам открытие новой вкладки после выбора файла.<< <strong>Всплывающее окно заблокировано >>

Вы можете попробовать показать какую-нибудь кнопку, чтобы открыть этот файл.Несколько похоже на эту скрипку , но я не уверен, что это будет работать во всех случаях.

...