如何在Angular 7上的ngx-dropzone-wrapper中显示服务器上现有的文件

在Angular 7上使用ngx-dropzone-wrapper显示服务器上现有的文件，您可以按照以下步骤进行操作：

首先，确保您已经安装并配置了Angular 7的开发环境。
在您的Angular项目中安装ngx-dropzone-wrapper库。可以使用以下命令进行安装：

npm install ngx-dropzone-wrapper

在您的组件文件中导入ngx-dropzone-wrapper库：

import { Component } from '@angular/core';
import { DropzoneConfigInterface } from 'ngx-dropzone-wrapper';

在组件类中定义ngx-dropzone-wrapper的配置。您可以指定您想要的配置选项，例如允许上传的文件类型、最大文件大小等。以下是一个示例配置：

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  public config: DropzoneConfigInterface = {
    url: 'YOUR_SERVER_URL', // 指定服务器端接口地址
    acceptedFiles: 'image/*', // 允许上传的文件类型
    maxFilesize: 10, // 最大文件大小，单位为MB
    addRemoveLinks: true, // 是否显示删除链接
    dictRemoveFile: 'Remove', // 删除链接文字
    dictCancelUpload: 'Cancel' // 取消上传按钮文字
  };
}

请注意，您需要将"YOUR_SERVER_URL"替换为指向您的服务器端接口地址。

在您的模板文件中使用ngx-dropzone-wrapper组件来显示文件上传区域。以下是一个示例模板：

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <ngx-dropzone [config]="config"></ngx-dropzone>
    </div>
  </div>
</div>