Downloading a local folder using Angular

Question

How can I download w local folder containing HTML files using Angular?

I tried this:

   readFile(file: File) {
    var reader = new FileReader();
    reader.onload = () => {
        console.log(reader.result);
    };
    reader.readAsText(file);
}

 download(){
  this.file= "../monFichier/file.html"
  this.zip.file("file.yaml", this.readFile(this.file));

  this.fileUrl = this.zip.generateAsync({type:"blob"}).then(function (blob) { // 1) generate the zip file
    FileSaver.saveAs(blob, "downloadables.zip");                          // 2) trigger the download
    }, function (err) {
        console.log('err: '+ err);
    });
}

the code this.readFile(file) brings an error because the property file is not of type File.How can i read the content of this file so that it can be added to the zip file?

you send a fileUrl .. what you expect ?? If you set a folder, iterate through all files from it. — CristiC777
– CristiC777, Commented Jun 20, 2020 at 8:47
I know sir thank you for your answer ,the problem is that i don't know how to do that. should i do like this:( const data = '../monFichier.zip';) and then how can i call the files into that folder? — maria
– maria, Commented Jun 20, 2020 at 9:04

CristiC777 · Accepted Answer · 2020-06-20 09:07:26Z

0

there are a lot o resources ! just search :

AngularJS Upload and Post Multiple Files

Upload multiple files in angular

Upload multiple File Using angularjs with custom data for each one?

https://stackoverflow.com/a/44385918

answered Jun 20, 2020 at 9:07

CristiC777

48111 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

maria Over a year ago

I am not trying to upload files infact i want to generate a file from the HTML of a component.

Gaurav Kunal · Accepted Answer · 2021-05-09 10:17:38Z

0

Best solution as per new chrome specification https://developers.google.com/web/updates/2018/02/chrome-65-deprecations

async downloadBrochure(url: string) {
    try {
      const res = await this.httpClient.get(url, { responseType: 'blob' }).toPromise();
      this.downloadFile(res);
    } catch (e) {
      console.log(e.body.message);
    }
  }

  downloadFile(data) {
    const url = window.URL.createObjectURL(data);
    const e = document.createElement('a');
    e.href = url;
    e.download = url.substr(url.lastIndexOf('/') + 1);
    document.body.appendChild(e);
    e.click();
    document.body.removeChild(e);
  }

answered May 9, 2021 at 10:17

Gaurav Kunal

1091 silver badge4 bronze badges

Collectives™ on Stack Overflow

Downloading a local folder using Angular

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related