введите тип файла в папку при отправке нажмите angular7 - PullRequest
Новая
       26

введите тип файла в папку при отправке нажмите angular7

0 голосов
/ 10 мая 2019

У меня есть контроль загрузки файлов в моей форме.Я хочу сохранить файл после отправки нажмите в угловых.

В onfileupload() метод, я получаю имя файла и размер.Теперь я хочу сохранить файл в определенной папке в машинописном тексте.

Если папки не существует, создайте папку и сохраните.Если папка существует, сохраните.

HTML-код: 

<input id="avatar" type="file" (change)="File($event)" #file>
<button (click)="Upload()">Upload</button>

Код TYPESCRIPT: 

selectFile: File;
File(event) {
    this.selectFile= event.target.files[0];
}

На странице машинописного текста получаю загруженное имя и размер файла.

Ответы [ 2 ]

0 голосов
/ 10 мая 2019

Вы можете использовать FileSaver.js, который является функциональностью HTML 5 FileSaver. Файл FileSaver.js доступен в виде пакета npm, поэтому вы можете установить его, как показано ниже. 

$npm install --save file-saver

А для бэкэнда используйте Rest API, чтобы вы могли использовать Spring Boot, см. Пример здесь: - https://shekhargulati.com/2017/07/16/implementing-file-save-functionality-with-angular-4/

0 голосов
/ 10 мая 2019

Из Typescript вы сможете сохранить файл только в папке загрузки по умолчанию вашего браузера.Если вы хотите сохранить файл в определенной папке, вам нужно будет вызвать внутреннюю службу (Java / ASP.NET / Php и т. Д.), Передать файл и сохранить его в нужной папке.

...