Как загрузить несколько файлов в laravel и angular 7? - PullRequest
0 голосов
/ 30 марта 2019

Я использую угловой 7 с laravel для бэкенда. У меня одна форма где у меня есть один выпадающий список компаний. Пользователь выберет конкретная компания onchange компания я показываю одну таблицу HTML со списком сотрудников конкретной компании.

Код HTML-таблицы:

<table *ngIf="allemp" >
<tr>
    <th>ID</th>
    <th>Name of Employee</th>
    <th>Attached Payslip</th>
</tr>
<tr *ngFor="let data1 of allemp">
    <td>{{data1.id}}</td>
    <td>{{data1.comp_empl_name}}</td>
    <td><input type="file" (change)="onFileChangeInfo($event)" multiple></td>
</tr>
</table>

Как вы можете видеть в прошлом td у меня есть файл типа ввода, из которого я хочу добавить в базу данных каждого сотрудника с различными листками зарплаты.

Моя функция в файле ts для получения нескольких файлов:

  onFileChangeInfo(event) {
    console.log(event);
      const reader = new FileReader();
        if(event.target.files && event.target.files.length > 0) {
          const [file] = event.target.files;
          reader.readAsDataURL(file);
            console.log(file);
          reader.onload = () => {
            this.myForm1.patchValue({
              'inv_blob': reader.result,
              'inv_pdf':file.name,
          });
            this.cd.markForCheck();
          };
      }
  }

Вкл. console.log(file) Я могу получить каждый файл. но в бэкэнде api идет только последний файл.

Я не могу получить все файлы, которые я получаю, в console.log (файл) в моем бэкэнде.

$blob_payslip = $request->inv_blob;
                $filename_contract =$request->inv_pdf;
                $paySlipUpload = CapsMaster::UploadFile1($blob_payslip,$this->payslipfolder,'abc',$filename_contract);
                $payslip_data->inv_pdf='payslips/'.$billing_com.'/'.$paySlipUpload;

Я пытался с циклом foreach, но он не работает для меня. Я хочу сохранить разные строки для каждого выбранного файла в базе данных. пожалуйста, помогите мне с тем же. пришлите мне несколько ссылок, если это возможно для того же. потому что я гуглю по этому вопросу, но не получаю правильных ответов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...