macu · March 30, 2017 08:11
diff --git a/blob-save-demo.html b/blob-save-demo.html
 <!doctype html>
 <html>
 <body>

 <textarea rows=4 cols=40></textarea>
 <br/>
 <button onclick="saveTextarea()">Save text</button>
 <br/>
 <br/>
 <button onclick="save256Bytes()">Save example typed array as binary file</button>

 <script>
 function saveTextarea() {
 	var textarea = document.getElementsByTagName('textarea')[0];
 	saveText(textarea.value, 'value.txt');
 }

 function save256Bytes() {
 	// Create a typed array of bytes 0 to 255
 	var bytes = new Uint8Array(256);
 	for (var i = 0; i < bytes.length; i++) {
 		bytes[i] = i;
 	}
 	saveTypedArray(bytes, 'value.bin');
 }
 </script>

 <script>
 // Issues solved by https://github.com/eligrey/FileSaver.js
 // - Aborting a download
 // - Growing the local filesystem reserved capacity
 // - Uses the best approach available in user's browser
 // - Checks vendor prefixes for accessing new APIs
 // - Adds byte-order-mark for UTF-8/UTF-16 files
 // - Prevents browsers from rendering the file rather than downloading
 // - Various inconsistencies about opening DL links in the browser

 function saveText(text, name) {
 	// Used to save plain text
 	save(new Blob([text], {type: 'text/*'}), name);
 }

 function saveTypedArray(array, name) {
 	// Can be used to save binary data. Supported array types:
 	// https://developer.mozilla.org/en/docs/Web/JavaScript/Typed_arrays
 	save(new Blob([array], {type: 'application/octet-binary'}), name);
 }

 function save(blob, name) {
 	name = name || 'download';

 	// Use native saveAs in IE10+
 	if (typeof navigator !== "undefined") {
 		if (/MSIE [1-9]\./.test(navigator.userAgent)) {
 			alert('IE is unsupported before IE10');
 			return;
 		}
 		if (navigator.msSaveOrOpenBlob) {
 			// https://msdn.microsoft.com/en-us/library/hh772332(v=vs.85).aspx
 			alert('will download using IE10+ msSaveOrOpenBlob');
 			navigator.msSaveOrOpenBlob(blob, name);
 			return;
 		}
 	}

 	// Construct URL object from blob
 	var win_url = window.URL || window.webkitURL || window;
 	var url = win_url.createObjectURL(blob);

 	// Use a.download in HTML5
 	var a = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
 	if ('download' in a) {
 		alert('will download using HTML5 a.download');
 		a.href = url;
 		a.download = name;
 		a.dispatchEvent(new MouseEvent('click'));
 		// Don't revoke immediately, as it may prevent DL in some browsers
 		setTimeout(function() { win_url.revokeObjectURL(url); }, 500);
 		return;
 	}

 	// Use object URL directly
 	window.location.href = url;
 	// Don't revoke immediately, as it may prevent DL in some browsers
 	setTimeout(function() { win_url.revokeObjectURL(url); }, 500);
 }
 </script>

 </body>
 </html>
	<!doctype html>
	<html>
	<body>

	<textarea rows=4 cols=40></textarea>
	<br/>
	<button onclick="saveTextarea()">Save text</button>
	<br/>
	<br/>
	<button onclick="save256Bytes()">Save example typed array as binary file</button>

	<script>
	function saveTextarea() {
	var textarea = document.getElementsByTagName('textarea')[0];
	saveText(textarea.value, 'value.txt');
	}

	function save256Bytes() {
	// Create a typed array of bytes 0 to 255
	var bytes = new Uint8Array(256);
	for (var i = 0; i < bytes.length; i++) {
	bytes[i] = i;
	}
	saveTypedArray(bytes, 'value.bin');
	}
	</script>

	<script>
	// Issues solved by https://github.com/eligrey/FileSaver.js
	// - Aborting a download
	// - Growing the local filesystem reserved capacity
	// - Uses the best approach available in user's browser
	// - Checks vendor prefixes for accessing new APIs
	// - Adds byte-order-mark for UTF-8/UTF-16 files
	// - Prevents browsers from rendering the file rather than downloading
	// - Various inconsistencies about opening DL links in the browser

	function saveText(text, name) {
	// Used to save plain text
	save(new Blob([text], {type: 'text/*'}), name);
	}

	function saveTypedArray(array, name) {
	// Can be used to save binary data. Supported array types:
	// https://developer.mozilla.org/en/docs/Web/JavaScript/Typed_arrays
	save(new Blob([array], {type: 'application/octet-binary'}), name);
	}

	function save(blob, name) {
	name = name \|\| 'download';

	// Use native saveAs in IE10+
	if (typeof navigator !== "undefined") {
	if (/MSIE [1-9]\./.test(navigator.userAgent)) {
	alert('IE is unsupported before IE10');
	return;
	}
	if (navigator.msSaveOrOpenBlob) {
	// https://msdn.microsoft.com/en-us/library/hh772332(v=vs.85).aspx
	alert('will download using IE10+ msSaveOrOpenBlob');
	navigator.msSaveOrOpenBlob(blob, name);
	return;
	}
	}

	// Construct URL object from blob
	var win_url = window.URL \|\| window.webkitURL \|\| window;
	var url = win_url.createObjectURL(blob);

	// Use a.download in HTML5
	var a = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
	if ('download' in a) {
	alert('will download using HTML5 a.download');
	a.href = url;
	a.download = name;
	a.dispatchEvent(new MouseEvent('click'));
	// Don't revoke immediately, as it may prevent DL in some browsers
	setTimeout(function() { win_url.revokeObjectURL(url); }, 500);
	return;
	}

	// Use object URL directly
	window.location.href = url;
	// Don't revoke immediately, as it may prevent DL in some browsers
	setTimeout(function() { win_url.revokeObjectURL(url); }, 500);
	}
	</script>

	</body>
	</html>