How to get blob from local file url in angular?

Question

I'm trying to get BLOB from local file URL. This is my code.

let url ="file:///storage/emulated/0/Download/AssetInfoXMLOxk!B1568355279906/1568355272623.jpeg";
fetch(url).then((res) => res.blob()).then((blob) => {
  console.log(blob);
})

Unfortunately i'm not able get blob because of this error. from origin 'http://localhost:8080' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, https. How can I get blob from local file URL? Thanks in advance.

@AdritaSharma. file:///storage/emulated/0/Download/AssetInfoXMLOxk!B1568355279906/1568355272623.jpeg — Surya Teja
– Surya Teja, Commented Sep 13, 2019 at 6:33
@AdritaSharma. I have already added code in snippet. fetch(url).then((res) => res.blob()).then((blob) => { console.log(blob); }) — Surya Teja
– Surya Teja, Commented Sep 13, 2019 at 6:36

Adrita Sharma · Accepted Answer · 2019-09-13 06:56:53Z

1

Try like this:

this.http.get(url, { responseType: 'blob' }).subscribe((resp: any) => {
   ...
});

answered Sep 13, 2019 at 6:56

Adrita Sharma

22.3k11 gold badges75 silver badges85 bronze badges

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

Comments

pk_teckie · Accepted Answer · 2019-09-13 07:31:32Z

0

this works form me, I am using file saver to save file in angular.

downlode_file.service:->

    downlode_file() {
     const downlode_file_url = "url"
      let headers = new Headers({ 
        'Content-Type':'application/json', 
        'Accept': 'application/.xls' //give file extension
     });
     let options = { headers : headers };
      return this.http.post(downlode_file_url,options,{responseType: "blob"});
    }

components.ts:->

this.downlode_file.downlode_file().subscribe((file: Blob) => {
  FileSaver.saveAs(file,'filename.xls');
  console.log("Downloaded Successfully...")
}, (err) => {
  console.log("Download Error:", err);
});

answered Sep 13, 2019 at 7:31

pk_teckie

1575 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to get blob from local file url in angular?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related