Как удалить недопустимые или определенные файлы из файла загрузки в простом ng p-fileUpload? - PullRequest
Новая
       33

Как удалить недопустимые или определенные файлы из файла загрузки в простом ng p-fileUpload?

0 голосов
/ 26 сентября 2018

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

.html 

<p-fileUpload #fileUpload  name="datafiles"
           [accept]=FileExtentionValue
           [url]="FileUploadUrl"
           [showUploadButton]="isUploadEnable"
           [disabled]="diableFileupload"
            (onUpload)="onUpload($event)"
            (onSelect)="validateFile($event)"
           multiple="multiple">
          </p-fileUpload>

.ts 

onUpload(event) {
        for (let file of event.files) {
          this.uploadedFiles.push(file);
        }
        this.messageService.add({ severity: 'info', summary: 'File Uploaded', detail: '' });
      }

подтвердить имя файла 

     validateFile(event) {
    let tempFiles: any = [];
    var FileNmaeMust: any;
    for (let file of event.files) {
      tempFiles.push(file.name);
    }
    for (let i = 0; i < tempFiles.length; i++) {
      let count = 1;
      for (let j = 0; j < this.ClientDataFileTypeValue.length; j++) {
        FileNmaeMust = "";
        if (this.ClientDataFileTypeValue[j] == "Order") {
          FileNmaeMust = this.MPID + "_ORDER_";
        }
        /*** Validate File  */
        var templen = FileNmaeMust + "YYYYMMDD.psv";
        if (tempFiles[i].includes((FileNmaeMust).toLocaleUpperCase()) && tempFiles[i].length == templen.length) {
          this.isUploadEnable = true;
          break;
        }
        if (count == this.ClientDataFileTypeValue.length) {
          this.isUploadEnable = false;
          this.messageService.add({ severity: 'error', summary: 'Files', detail: 'Please select correct file ' + tempFiles[i] });
        }
        count++;
      }
    }
  }

Ответы [ 2 ]

0 голосов
/ 27 сентября 2018

Я обработал его, используя идентификатор. Я определил # fileUpload и передал его (onSelect) = "validateFile ($ event, fileUpload)" * , чтобы проверить и удалить этофайл из массива. 

<p-fileUpload #fileUpload name="datafiles" 
[accept]=FileExtentionValu
[url]="FileUploadUrl" 
[disabled]="isDiableFileupload"
[showUploadButton]="isUploadEnable"
(onSelect)="validateFile($event,fileUpload)" (onBeforeUpload)="onBeforeSend($event)"
(onUpload)="onUpload($event)"
 multiple="multiple">
</p-fileUpload>

.ts 

import {FileUpload } from 'primeng/primeng';

validateFile(event, uploader: FileUpload) {
        let tempFiles: any = [];
        var FileNmaeMust: any;
        for (let file of event.files) {
          tempFiles.push(file.name);
        }
        for (let i = 0; i < tempFiles.length; i++) {
          let count = 1;
          for (let j = 0; j < this.ClientDataFileTypeValue.length; j++) {
            FileNmaeMust = "";
            if (this.ClientDataFileTypeValue[j] == "Order") {
              FileNmaeMust = this.MPID + "_ORDER_";
            }
            /*** Validate File  */
            var templen = FileNmaeMust + "YYYYMMDD.psv";
            if (tempFiles[i].includes((FileNmaeMust).toLocaleUpperCase()) && tempFiles[i].length == templen.length) {
              this.isUploadEnable = true;
              break;
            }
            if (count == this.ClientDataFileTypeValue.length) {
              this.isUploadEnable = false;
              uploader.remove(event, i);
              this.isUploadEnable = true;
              this.messageService.add({ severity: 'error', summary: 'Files', detail: 'Please select correct file ' + tempFiles[i] });
            }
            count++;
          }
        }
      }
0 голосов
/ 26 сентября 2018

onSelect Событие - обратный вызов для вызова при выборе файлов.

Официальная документация

Пример: 

    <p-fileUpload #fileUpload  name="datafiles"
           [accept]=FileExtentionValue
           [url]="FileUploadUrl"
           [showUploadButton]="isUploadEnable"
           (onUpload)="onUpload($event)" multiple="multiple"
           (onSelect)="onSelect($event)">
    </p-fileUpload>

    onUpload(event) {
        for (let file of event.files) {
          this.uploadedFiles.push(file);
        }
        this.messageService.add({ severity: 'info', summary: 'File Uploaded', detail: '' });
    }

   onSelect(event) {
       // event.originalEvent: Original browser event. 
       // event.files: List of selected files.

       // Your validation code against list of selected files / selected file.
    }

Надеюсь, это поможет.,

...