---
order: 1
title: 解压
---

读取Zip文件信息（含内容），支持 File、URL 形式

```ts
import { Component } from '@angular/core';
import { ZipService } from '@delon/abc';

@Component({
    selector: 'app-demo',
    template: `
    <button nz-button (click)="url()">Via Url</button>
    <input type="file" (change)="change($event)" multiple="false" class="ml-sm" />
    <ol>
        <li *ngFor="let i of data">{{i | json}}</li>
    </ol>
    `
})
export class DemoComponent {
    constructor(private zip: ZipService) {}
    data: any;

    private format(data: any) {
        const files = data.files;
        this.data = Object.keys(files).map(key => {
            return {
                name: key,
                dir: files[key].dir,
                date: files[key].date
            };
        });
    }

    url() {
        this.zip.read(`./assets/demo.zip`).then(res => this.format(res));
    }

    change(e: Event) {
        const file = (e.target as HTMLInputElement).files[0];
        this.zip.read(file).then(res => this.format(res));
    }
}
```