如何解决ngx-dropzone 特色图片
dropzone 可以拖放图片,但我想在上传的特色图片项目中添加一个选项。
示例我上传了 3 张图片,您可以从点击事件中选择其中一个突出显示 有人可以在这里给我一个想法我拥有的代码 谢谢
我的html
networks:
mynet:
driver: bridge
ipam:
driver: default
config:
- subnet: 192.168.55.0/24
gateway: 192.168.55.1
services:
web:
image: 'mycompany/webserver:latest'
hostname: www
domainname: mycompany.com
stdin_open: true # docker run -i
tty: true # docker run -t
networks:
hfnet:
ipv4_address: 192.168.55.10
ports:
- '80:80'
- '443:443'
volumes:
- '../honeyfund:/var/www/html'
我的 ts
<ngx-dropzone #drop [disableClick]="true" [expandable]="true" (change)="onSelect($event)" accept="image/jpeg,image/jpg,image/png">
<div (click)="drop.showFileSelector()" style="width: 100%; padding:50px;text-align:center;cursor:pointer">Click o arrasta,tus fotos!</div>
<ngx-dropzone-image-preview ngProjectAs="ngx-dropzone-preview" *ngFor="let f of files" [file]="f" [removable]="true" (removed)="onRemove(f)">
<ngx-dropzone-label >
<span class="badge rounded-pill bg-light" (click)="imgFeatured()">top</span>
</ngx-dropzone-label>
</ngx-dropzone-image-preview>
</ngx-dropzone>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。