在Angular 7上使用ngx-dropzone-wrapper显示服务器上现有的文件,您可以按照以下步骤进行操作:
npm install ngx-dropzone-wrapper
import { Component } from '@angular/core';
import { DropzoneConfigInterface } from '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"替换为指向您的服务器端接口地址。
<div class="container">
<div class="row">
<div class="col-md-12">
<ngx-dropzone [config]="config"></ngx-dropzone>
</div>
</div>
</div>
这样,您就可以在Angular 7的ngx-dropzone-wrapper中显示服务器上现有的文件了。
对于腾讯云相关产品和产品介绍链接地址,这里无法提供具体推荐,建议您参考腾讯云的官方文档或咨询他们的客服人员获取相关信息。
领取专属 10元无门槛券
手把手带您无忧上云