Downloaded file is corrupted

[nirmalkumardv]

Hi,
I have a scenario, where we need to support to download any kind of file types.
By using angular-file-saver I was able to achieve this, but the downloaded file is always corrupted.
am using 'data:octet/stream;base64'.

Here is my code:

var data = new this.blob([this.studentDocument.documentImage], { type: 'octet/stream;base64' });

this.fileSaver.saveAs(data, this.studentDocument.originalFileName);

The same is working if we use href's "download" attribute like below.

But as IE & Edge browsers do not support this "download" attribute, I cannot use this.

$(invisibleLink)
.attr("href", "data:octet/stream;base64," + this.studentDocument.documentImage)
.attr("download", this.studentDocument.originalFileName);
document.body.appendChild(invisibleLink);

invisibleLink.click();

Has anybody has faced this issue?

Thanks
Nirmal

[ghost]

Same problem here. Data returned from API is correct, but when downloaded through angular-file-saver it's corrupted.

[ghost]

I fixed it:

		$http({
				method: 'GET',
				url: API + "/certificates/" + item.documents_id,
				responseType: "arraybuffer",
			})
			.then(function(resp) {
				var data = new Blob([resp.data], {
					type: 'application/x-pkcs12'
				});
				if (item.doc_descr) {
					FileSaver.saveAs(data, item.doc_descr + '.p12');
				} else if (item.reader_name) {
					FileSaver.saveAs(data, item.reader_name + '.p12');
				}
			}).catch(function(error) {
				console.log("Failed!");
				console.log("Error " + error);
			});

I added the header: responseType: "arraybuffer"