Force downolad a file

I’m sending a request that send back a file to download with Content-Disposition:attachment;, however vue-resource is getting it as a string and is not downloading the file.

Any idea how can i force download the file instead?

[airtonix]

Found this: http://stackoverflow.com/a/35851873

$http.post(
  'url',
  {},
  {responseType: 'arraybuffer'}
).then(function (response) {
  var headers = response.headers();
  var blob = new Blob([response.data],{type:headers['content-type']});
  var link = document.createElement('a');
  link.href = window.URL.createObjectURL(blob);
  link.download = "Filename";
  link.click();
});

so three things:

1. As a developer for your proejct, you’ve chosen to use vue-resource. Have you defined for your client and had them sign off on a list of browser you aim to support?
2. is Blob supported in that list of browsers?
3. most importantly, does vue-resource allow us to set responseType?

[Kam1ni]

This solution works for me without any form of file corruption.

	async download(){
		let response = await Vue.http.get("file/download/" + this._id, {responseType: 'arraybuffer'});
		let blob = new Blob([response.data], {type:response.headers.get('content-type')});
		let link = document.createElement('a');
		link.href = window.URL.createObjectURL(blob);
		link.download = this.name;
		link.click();
	}

The responseType is very important. Otherwise only txt files will work. By setting responseType to arrayBuffer, all file types are converted correctly.