js下载文件,javascript下载文件,FileSaver.js 页面元素保存成文件
================================
©Copyright 蕃薯耀 2020-08-05
http://fanshuyao.iteye.com/
一、页面引入js
<script type="text/javascript" src="js/Blob.js"></script> <script type="text/javascript" src="js/FileSaverNew.js"></script>
二、定义下载的方法
function downloadResultHtml(){ saveTextAs($("#resultText").html(), (projNo || "") + "分析结果.html"); }; function downloadResultTxt(){ saveTextAs($("#resultText").text(), (projNo || "") + "分析结果.txt"); };
三、js源码
Blob.js
/* Blob.js * A Blob, File, FileReader & URL implementation. * 2019-04-19 * * By Eli Grey, http://eligrey.com * By Jimmy Wärting, https://github.com/jimmywarting * License: MIT * See https://github.com/eligrey/Blob.js/blob/master/LICENSE.md */ ;(function () { var global = typeof window === 'object' ? window : typeof self === 'object' ? self : this var BlobBuilder = global.BlobBuilder || global.WebKitBlobBuilder || global.MSBlobBuilder || global.MozBlobBuilder global.URL = global.URL || global.webkitURL || function (href, a) { a = document.createElement('a') a.href = href return a } var origBlob = global.Blob var createObjectURL = URL.createObjectURL var revokeObjectURL = URL.revokeObjectURL var strTag = global.Symbol && global.Symbol.toStringTag var blobSupported = false var blobSupportsArrayBufferView = false var arrayBufferSupported = !!global.ArrayBuffer var blobBuilderSupported = BlobBuilder && BlobBuilder.prototype.append && BlobBuilder.prototype.getBlob try { // Check if Blob constructor is supported blobSupported = new Blob(['ä']).size === 2 // Check if Blob constructor supports ArrayBufferViews // Fails in Safari 6, so we need to map to ArrayBuffers there. blobSupportsArrayBufferView = new Blob([new Uint8Array([1, 2])]).size === 2 } catch (e) {} /** * Helper function that maps ArrayBufferViews to ArrayBuffers * Used by BlobBuilder constructor and old browsers that didn't * support it in the Blob constructor. */ function mapArrayBufferViews (ary) { return ary.map(function (chunk) { if (chunk.buffer instanceof ArrayBuffer) { var buf = chunk.buffer // if this is a subarray, make a copy so we only // include the subarray region from the underlying buffer if (chunk.byteLength !== buf.byteLength) { var copy = new Uint8Array(chunk.byteLength) copy.set(new Uint8Array(buf, chunk.byteOffset, chunk.byteLength)) buf = copy.buffer } return buf } return chunk }) } function BlobBuilderConstructor (ary, options) { options = options || {} var bb = new BlobBuilder() mapArrayBufferViews(ary).forEach(function (part) { bb.append(part) }) return options.type ? bb.getBlob(options.type) : bb.getBlob() } function BlobConstructor (ary, options) { return new origBlob(mapArrayBufferViews(ary), options || {}) } if (global.Blob) { BlobBuilderConstructor.prototype = Blob.prototype BlobConstructor.prototype = Blob.prototype } /********************************************************/ /* String Encoder fallback */ /********************************************************/ function stringEncode (string) { var pos = 0 var len = string.length var Arr = global.Uint8Array || Array // Use byte array when possible var at = 0 // output position var tlen = Math.max(32, len + (len >> 1) + 7) // 1.5x size var target = new Arr((tlen >> 3) << 3) // ... but at 8 byte offset while (pos < len) { var value = string.charCodeAt(pos++) if (value >= 0xd800 && value <= 0xdbff) { // high surrogate if (pos < len) { var extra = string.charCodeAt(pos) if ((extra & 0xfc00) === 0xdc00) { ++pos value = ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000 } } if (value >= 0xd800 && value <= 0xdbff) { continue // drop lone surrogate } } // expand the buffer if we couldn't write 4 bytes if (at + 4 > target.length) { tlen += 8 // minimum extra tlen *= (1.0 + (pos / string.length) * 2) // take 2x the remaining tlen = (tlen >> 3) << 3 // 8 byte offset var update = new Uint8Array(tlen) update.set(target) target = update } if ((value & 0xffffff80) === 0) { // 1-byte target[at++] = value // ASCII continue } else if ((value & 0xfffff800) === 0) { // 2-byte target[at++] = ((value >> 6) & 0x1f) | 0xc0 } else if ((value & 0xffff0000) === 0) { // 3-byte target[at++] = ((value >> 12) & 0x0f) | 0xe0 target[at++] = ((value >> 6) & 0x3f) | 0x80 } else if ((value & 0xffe00000) === 0) { // 4-byte target[at++] = ((value >> 18) & 0x07) | 0xf0 target[at++] = ((value >> 12) & 0x3f) | 0x80 target[at++] = ((value >> 6) & 0x3f) | 0x80 } else { // FIXME: do we care continue } target[at++] = (value & 0x3f) | 0x80 } return target.slice(0, at) } /********************************************************/ /* String Decoder fallback */ /********************************************************/ function stringDecode (buf) { var end = buf.length var res = [] var i = 0 while (i < end) { var firstByte = buf[i] var codePoint = null var bytesPerSequence = (firstByte > 0xEF) ? 4 : (firstByte > 0xDF) ? 3 : (firstByte > 0xBF) ? 2 : 1 if (i + bytesPerSequence <= end) { var secondByte, thirdByte, fourthByte, tempCodePoint switch (bytesPerSequence) { case 1: if (firstByte < 0x80) { codePoint = firstByte } break case 2: secondByte = buf[i + 1] if ((secondByte & 0xC0) === 0x80) { tempCodePoint = (firstByte & 0x1F) << 0x6 | (secondByte & 0x3F) if (tempCodePoint > 0x7F) { codePoint = tempCodePoint } } break case 3: secondByte = buf[i + 1] thirdByte = buf[i + 2] if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80) { tempCodePoint = (firstByte & 0xF) << 0xC | (secondByte & 0x3F) << 0x6 | (thirdByte & 0x3F) if (tempCodePoint > 0x7FF && (tempCodePoint < 0xD800 || tempCodePoint > 0xDFFF)) { codePoint = tempCodePoint } } break case 4: secondByte = buf[i + 1] thirdByte = buf[i + 2] fourthByte = buf[i + 3] if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80 && (fourthByte & 0xC0) === 0x80) { tempCodePoint = (firstByte & 0xF) << 0x12 | (secondByte & 0x3F) << 0xC | (thirdByte & 0x3F) << 0x6 | (fourthByte & 0x3F) if (tempCodePoint > 0xFFFF && tempCodePoint < 0x110000) { codePoint = tempCodePoint } } } } if (codePoint === null) { // we did not generate a valid codePoint so insert a // replacement char (U+FFFD) and advance only 1 byte codePoint = 0xFFFD bytesPerSequence = 1 } else if (codePoint > 0xFFFF) { // encode to utf16 (surrogate pair dance) codePoint -= 0x10000 res.push(codePoint >>> 10 & 0x3FF | 0xD800) codePoint = 0xDC00 | codePoint & 0x3FF } res.push(codePoint) i += bytesPerSequence } var len = res.length var str = '' var i = 0 while (i < len) { str += String.fromCharCode.apply(String, res.slice(i, i += 0x1000)) } return str } // string -> buffer var textEncode = typeof TextEncoder === 'function' ? TextEncoder.prototype.encode.bind(new TextEncoder()) : stringEncode // buffer -> string var textDecode = typeof TextDecoder === 'function' ? TextDecoder.prototype.decode.bind(new TextDecoder()) : stringDecode function FakeBlobBuilder () { function isDataView (obj) { return obj && DataView.prototype.isPrototypeOf(obj) } function bufferClone (buf) { var view = new Array(buf.byteLength) var array = new Uint8Array(buf) var i = view.length while (i--) { view[i] = array[i] } return view } function array2base64 (input) { var byteToCharMap = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=' var output = [] for (var i = 0; i < input.length; i += 3) { var byte1 = input[i] var haveByte2 = i + 1 < input.length var byte2 = haveByte2 ? input[i + 1] : 0 var haveByte3 = i + 2 < input.length var byte3 = haveByte3 ? input[i + 2] : 0 var outByte1 = byte1 >> 2 var outByte2 = ((byte1 & 0x03) << 4) | (byte2 >> 4) var outByte3 = ((byte2 & 0x0F) << 2) | (byte3 >> 6) var outByte4 = byte3 & 0x3F if (!haveByte3) { outByte4 = 64 if (!haveByte2) { outByte3 = 64 } } output.push( byteToCharMap[outByte1], byteToCharMap[outByte2], byteToCharMap[outByte3], byteToCharMap[outByte4] ) } return output.join('') } var create = Object.create || function (a) { function c () {} c.prototype = a return new c() } if (arrayBufferSupported) { var viewClasses = [ '[object Int8Array]', '[object Uint8Array]', '[object Uint8ClampedArray]', '[object Int16Array]', '[object Uint16Array]', '[object Int32Array]', '[object Uint32Array]', '[object Float32Array]', '[object Float64Array]' ] var isArrayBufferView = ArrayBuffer.isView || function (obj) { return obj && viewClasses.indexOf(Object.prototype.toString.call(obj)) > -1 } } function concatTypedarrays (chunks) { var size = 0 var i = chunks.length while (i--) { size += chunks[i].length } var b = new Uint8Array(size) var offset = 0 for (i = 0, l = chunks.length; i < l; i++) { var chunk = chunks[i] b.set(chunk, offset) offset += chunk.byteLength || chunk.length } return b } /********************************************************/ /* Blob constructor */ /********************************************************/ function Blob (chunks, opts) { chunks = chunks || [] opts = opts == null ? {} : opts for (var i = 0, len = chunks.length; i < len; i++) { var chunk = chunks[i] if (chunk instanceof Blob) { chunks[i] = chunk._buffer } else if (typeof chunk === 'string') { chunks[i] = textEncode(chunk) } else if (arrayBufferSupported && (ArrayBuffer.prototype.isPrototypeOf(chunk) || isArrayBufferView(chunk))) { chunks[i] = bufferClone(chunk) } else if (arrayBufferSupported && isDataView(chunk)) { chunks[i] = bufferClone(chunk.buffer) } else { chunks[i] = textEncode(String(chunk)) } } this._buffer = global.Uint8Array ? concatTypedarrays(chunks) : [].concat.apply([], chunks) this.size = this._buffer.length this.type = opts.type || '' if (/[^\u0020-\u007E]/.test(this.type)) { this.type = '' } else { this.type = this.type.toLowerCase() } } Blob.prototype.arrayBuffer = function () { return Promise.resolve(this._buffer) } Blob.prototype.text = function () { return Promise.resolve(textDecode(this._buffer)) } Blob.prototype.slice = function (start, end, type) { var slice = this._buffer.slice(start || 0, end || this._buffer.length) return new Blob([slice], {type: type}) } Blob.prototype.toString = function () { return '[object Blob]' } /********************************************************/ /* File constructor */ /********************************************************/ function File (chunks, name, opts) { opts = opts || {} var a = Blob.call(this, chunks, opts) || this a.name = name.replace(/\//g, ':') a.lastModifiedDate = opts.lastModified ? new Date(opts.lastModified) : new Date() a.lastModified = +a.lastModifiedDate return a } File.prototype = create(Blob.prototype) File.prototype.constructor = File if (Object.setPrototypeOf) { Object.setPrototypeOf(File, Blob) } else { try { File.__proto__ = Blob } catch (e) {} } File.prototype.toString = function () { return '[object File]' } /********************************************************/ /* FileReader constructor */ /********************************************************/ function FileReader () { if (!(this instanceof FileReader)) { throw new TypeError("Failed to construct 'FileReader': Please use the 'new' operator, this DOM object constructor cannot be called as a function.") } var delegate = document.createDocumentFragment() this.addEventListener = delegate.addEventListener this.dispatchEvent = function (evt) { var local = this['on' + evt.type] if (typeof local === 'function') local(evt) delegate.dispatchEvent(evt) } this.removeEventListener = delegate.removeEventListener } function _read (fr, blob, kind) { if (!(blob instanceof Blob)) { throw new TypeError("Failed to execute '" + kind + "' on 'FileReader': parameter 1 is not of type 'Blob'.") } fr.result = '' setTimeout(function () { this.readyState = FileReader.LOADING fr.dispatchEvent(new Event('load')) fr.dispatchEvent(new Event('loadend')) }) } FileReader.EMPTY = 0 FileReader.LOADING = 1 FileReader.DONE = 2 FileReader.prototype.error = null FileReader.prototype.onabort = null FileReader.prototype.onerror = null FileReader.prototype.onload = null FileReader.prototype.onloadend = null FileReader.prototype.onloadstart = null FileReader.prototype.onprogress = null FileReader.prototype.readAsDataURL = function (blob) { _read(this, blob, 'readAsDataURL') this.result = 'data:' + blob.type + ';base64,' + array2base64(blob._buffer) } FileReader.prototype.readAsText = function (blob) { _read(this, blob, 'readAsText') this.result = textDecode(blob._buffer) } FileReader.prototype.readAsArrayBuffer = function (blob) { _read(this, blob, 'readAsText') // return ArrayBuffer when possible this.result = (blob._buffer.buffer || blob._buffer).slice() } FileReader.prototype.abort = function () {} /********************************************************/ /* URL */ /********************************************************/ URL.createObjectURL = function (blob) { return blob instanceof Blob ? 'data:' + blob.type + ';base64,' + array2base64(blob._buffer) : createObjectURL.call(URL, blob) } URL.revokeObjectURL = function (url) { revokeObjectURL && revokeObjectURL.call(URL, url) } /********************************************************/ /* XHR */ /********************************************************/ var _send = global.XMLHttpRequest && global.XMLHttpRequest.prototype.send if (_send) { XMLHttpRequest.prototype.send = function (data) { if (data instanceof Blob) { this.setRequestHeader('Content-Type', data.type) _send.call(this, textDecode(data._buffer)) } else { _send.call(this, data) } } } global.FileReader = FileReader global.File = File global.Blob = Blob } function fixFileAndXHR () { var isIE = !!global.ActiveXObject || ( '-ms-scroll-limit' in document.documentElement.style && '-ms-ime-align' in document.documentElement.style ) // Monkey patched // IE don't set Content-Type header on XHR whose body is a typed Blob // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6047383 var _send = global.XMLHttpRequest && global.XMLHttpRequest.prototype.send if (isIE && _send) { XMLHttpRequest.prototype.send = function (data) { if (data instanceof Blob) { this.setRequestHeader('Content-Type', data.type) _send.call(this, data) } else { _send.call(this, data) } } } try { new File([], '') } catch (e) { try { var klass = new Function('class File extends Blob {' + 'constructor(chunks, name, opts) {' + 'opts = opts || {};' + 'super(chunks, opts || {});' + 'this.name = name.replace(/\//g, ":");' + 'this.lastModifiedDate = opts.lastModified ? new Date(opts.lastModified) : new Date();' + 'this.lastModified = +this.lastModifiedDate;' + '}};' + 'return new File([], ""), File' )() global.File = klass } catch (e) { var klass = function (b, d, c) { var blob = new Blob(b, c) var t = c && void 0 !== c.lastModified ? new Date(c.lastModified) : new Date() blob.name = d.replace(/\//g, ':') blob.lastModifiedDate = t blob.lastModified = +t blob.toString = function () { return '[object File]' } if (strTag) { blob[strTag] = 'File' } return blob } global.File = klass } } } if (blobSupported) { fixFileAndXHR() global.Blob = blobSupportsArrayBufferView ? global.Blob : BlobConstructor } else if (blobBuilderSupported) { fixFileAndXHR() global.Blob = BlobBuilderConstructor } else { FakeBlobBuilder() } if (strTag) { File.prototype[strTag] = 'File' Blob.prototype[strTag] = 'Blob' FileReader.prototype[strTag] = 'FileReader' } var blob = global.Blob.prototype var stream function promisify(obj) { return new Promise(function(resolve, reject) { obj.onload = obj.onerror = function(evt) { obj.onload = obj.onerror = null evt.type === 'load' ? resolve(obj.result || obj) : reject(new Error('Failed to read the blob/file')) } }) } try { new ReadableStream({ type: 'bytes' }) stream = function stream() { var position = 0 var blob = this return new ReadableStream({ type: 'bytes', autoAllocateChunkSize: 524288, pull: function (controller) { var v = controller.byobRequest.view var chunk = blob.slice(position, position + v.byteLength) return chunk.arrayBuffer() .then(function (buffer) { var uint8array = new Uint8Array(buffer) var bytesRead = uint8array.byteLength position += bytesRead v.set(uint8array) controller.byobRequest.respond(bytesRead) if(position >= blob.size) controller.close() }) } }) } } catch (e) { try { new ReadableStream({}) stream = function stream(blob){ var position = 0 var blob = this return new ReadableStream({ pull: function (controller) { var chunk = blob.slice(position, position + 524288) return chunk.arrayBuffer().then(function (buffer) { position += buffer.byteLength var uint8array = new Uint8Array(buffer) controller.enqueue(uint8array) if (position == blob.size) controller.close() }) } }) } } catch (e) { try { new Response('').body.getReader().read() stream = function stream() { return (new Response(this)).body } } catch (e) { stream = function stream() { throw new Error('Include https://github.com/MattiasBuelens/web-streams-polyfill') } } } } if (!blob.arrayBuffer) { blob.arrayBuffer = function arrayBuffer() { var fr = new FileReader() fr.readAsArrayBuffer(this) return promisify(fr) } } if (!blob.text) { blob.text = function text() { var fr = new FileReader() fr.readAsText(this) return promisify(fr) } } if (!blob.stream) { blob.stream = stream } })()
FileSaverNew.js
/* FileSaver.js * A saveAs() & saveTextAs() FileSaver implementation. * 2014-06-24 * * Modify by Brian Chen * Author: Eli Grey, http://eligrey.com * License: X11/MIT * See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md */ /*global self */ /*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */ /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */ var saveAs = saveAs // IE 10+ (native saveAs) || (typeof navigator !== "undefined" && navigator.msSaveOrOpenBlob && navigator.msSaveOrOpenBlob.bind(navigator)) // Everyone else || (function (view) { "use strict"; // IE <10 is explicitly unsupported if (typeof navigator !== "undefined" && /MSIE [1-9]\./.test(navigator.userAgent)) { return; } var doc = view.document // only get URL when necessary in case Blob.js hasn't overridden it yet , get_URL = function () { return view.URL || view.webkitURL || view; } , save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a") , can_use_save_link = !view.externalHost && "download" in save_link , click = function (node) { var event = doc.createEvent("MouseEvents"); event.initMouseEvent( "click", true, false, view, 0, 0, 0, 0, 0 , false, false, false, false, 0, null ); node.dispatchEvent(event); } , webkit_req_fs = view.webkitRequestFileSystem , req_fs = view.requestFileSystem || webkit_req_fs || view.mozRequestFileSystem , throw_outside = function (ex) { (view.setImmediate || view.setTimeout)(function () { throw ex; }, 0); } , force_saveable_type = "application/octet-stream" , fs_min_size = 0 , deletion_queue = [] , process_deletion_queue = function () { var i = deletion_queue.length; while (i--) { var file = deletion_queue[i]; if (typeof file === "string") { // file is an object URL get_URL().revokeObjectURL(file); } else { // file is a File file.remove(); } } deletion_queue.length = 0; // clear queue } , dispatch = function (filesaver, event_types, event) { event_types = [].concat(event_types); var i = event_types.length; while (i--) { var listener = filesaver["on" + event_types[i]]; if (typeof listener === "function") { try { listener.call(filesaver, event || filesaver); } catch (ex) { throw_outside(ex); } } } } , FileSaver = function (blob, name) { // First try a.download, then web filesystem, then object URLs var filesaver = this , type = blob.type , blob_changed = false , object_url , target_view , get_object_url = function () { var object_url = get_URL().createObjectURL(blob); deletion_queue.push(object_url); return object_url; } , dispatch_all = function () { dispatch(filesaver, "writestart progress write writeend".split(" ")); } // on any filesys errors revert to saving with object URLs , fs_error = function () { // don't create more object URLs than needed if (blob_changed || !object_url) { object_url = get_object_url(blob); } if (target_view) { target_view.location.href = object_url; } else { window.open(object_url, "_blank"); } filesaver.readyState = filesaver.DONE; dispatch_all(); } , abortable = function (func) { return function () { if (filesaver.readyState !== filesaver.DONE) { return func.apply(this, arguments); } }; } , create_if_not_found = { create: true, exclusive: false } , slice ; filesaver.readyState = filesaver.INIT; if (!name) { name = "download"; } if (can_use_save_link) { object_url = get_object_url(blob); save_link.href = object_url; save_link.download = name; click(save_link); filesaver.readyState = filesaver.DONE; dispatch_all(); return; } // Object and web filesystem URLs have a problem saving in Google Chrome when // viewed in a tab, so I force save with application/octet-stream // http://code.google.com/p/chromium/issues/detail?id=91158 if (view.chrome && type && type !== force_saveable_type) { slice = blob.slice || blob.webkitSlice; blob = slice.call(blob, 0, blob.size, force_saveable_type); blob_changed = true; } // Since I can't be sure that the guessed media type will trigger a download // in WebKit, I append .download to the filename. // https://bugs.webkit.org/show_bug.cgi?id=65440 if (webkit_req_fs && name !== "download") { name += ".download"; } if (type === force_saveable_type || webkit_req_fs) { target_view = view; } if (!req_fs) { fs_error(); return; } fs_min_size += blob.size; req_fs(view.TEMPORARY, fs_min_size, abortable(function (fs) { fs.root.getDirectory("saved", create_if_not_found, abortable(function (dir) { var save = function () { dir.getFile(name, create_if_not_found, abortable(function (file) { file.createWriter(abortable(function (writer) { writer.onwriteend = function (event) { target_view.location.href = file.toURL(); deletion_queue.push(file); filesaver.readyState = filesaver.DONE; dispatch(filesaver, "writeend", event); }; writer.onerror = function () { var error = writer.error; if (error.code !== error.ABORT_ERR) { fs_error(); } }; "writestart progress write abort".split(" ").forEach(function (event) { writer["on" + event] = filesaver["on" + event]; }); writer.write(blob); filesaver.abort = function () { writer.abort(); filesaver.readyState = filesaver.DONE; }; filesaver.readyState = filesaver.WRITING; }), fs_error); }), fs_error); }; dir.getFile(name, { create: false }, abortable(function (file) { // delete file if it already exists file.remove(); save(); }), abortable(function (ex) { if (ex.code === ex.NOT_FOUND_ERR) { save(); } else { fs_error(); } })); }), fs_error); }), fs_error); } , FS_proto = FileSaver.prototype , saveAs = function (blob, name) { return new FileSaver(blob, name); } ; FS_proto.abort = function () { var filesaver = this; filesaver.readyState = filesaver.DONE; dispatch(filesaver, "abort"); }; FS_proto.readyState = FS_proto.INIT = 0; FS_proto.WRITING = 1; FS_proto.DONE = 2; FS_proto.error = FS_proto.onwritestart = FS_proto.onprogress = FS_proto.onwrite = FS_proto.onabort = FS_proto.onerror = FS_proto.onwriteend = null; view.addEventListener("unload", process_deletion_queue, false); saveAs.unload = function () { process_deletion_queue(); view.removeEventListener("unload", process_deletion_queue, false); }; return saveAs; }( typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content )); // `self` is undefined in Firefox for Android content script context // while `this` is nsIContentFrameMessageManager // with an attribute `content` that corresponds to the window if (typeof module !== "undefined" && module !== null) { module.exports = saveAs; } else if ((typeof define !== "undefined" && define !== null) && (define.amd != null)) { define([], function () { return saveAs; }); } String.prototype.endsWithAny = function () { var strArray = Array.prototype.slice.call(arguments), $this = this.toLowerCase().toString(); for (var i = 0; i < strArray.length; i++) { if ($this.indexOf(strArray[i], $this.length - strArray[i].length) !== -1) return true; } return false; }; var saveTextAs = saveTextAs || (function (textContent, fileName, charset) { fileName = fileName || 'download.txt'; charset = charset || 'utf-8'; textContent = (textContent || '').replace(/\r?\n/g, "\r\n"); if (saveAs && Blob) { var blob = new Blob([textContent], { type: "text/plain;charset=" + charset }); saveAs(blob, fileName); return true; } else {//IE9- var saveTxtWindow = window.frames.saveTxtWindow; if (!saveTxtWindow) { saveTxtWindow = document.createElement('iframe'); saveTxtWindow.id = 'saveTxtWindow'; saveTxtWindow.style.display = 'none'; document.body.insertBefore(saveTxtWindow, null); saveTxtWindow = window.frames.saveTxtWindow; if (!saveTxtWindow) { saveTxtWindow = window.open('', '_temp', 'width=100,height=100'); if (!saveTxtWindow) { window.alert('Sorry, download file could not be created.'); return false; } } } var doc = saveTxtWindow.document; doc.open('text/html', 'replace'); doc.charset = charset; if (fileName.endsWithAny('.htm', '.html')) { doc.close(); doc.body.innerHTML = '\r\n' + textContent + '\r\n'; } else { if (!fileName.endsWithAny('.txt')) fileName += '.txt'; doc.write(textContent); doc.close(); } var retValue = doc.execCommand('SaveAs', null, fileName); saveTxtWindow.close(); return retValue; } })
================================
©Copyright 蕃薯耀 2020-08-05
http://fanshuyao.iteye.com/
相关推荐
FileSaver.js是一个轻量级的JavaScript库,它允许在浏览器环境中实现文件的本地保存功能,无需服务器端的任何干预。这个压缩包"纯前端下载FileSaver.js.rar"包含的就是这个库的核心文件。 FileSaver.js是基于HTML5...
FileSaver.js 插件是一个轻量级的 JavaScript 库,能够将文件保存到客户端的本地计算机。该插件使用 Blob 对象来生成文件,并使用 URL 对象来将文件保存到本地计算机。该插件支持多种文件类型,包括文本文件、图像...
FileSaver.js和jquery.wordexport.js是两个在前端开发中常用的JavaScript库,它们主要用于实现文件保存功能,尤其是针对HTML内容的导出和保存为Word文档。 FileSaver.js是一个轻量级的JavaScript库,它的主要功能是...
FileSaver.js 实现了在本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器支持文件保存。FileSaver.js 在客户端保存文件的解决方案,并且...是一种简单易用实现的利用 JavaScript/JS 在浏览器端保存文件的方案。
总之,FileSaver.js是前端开发中处理文件下载问题的一个强大工具,它简化了在浏览器上保存文件的过程,让开发者能够更专注于应用逻辑,而不是下载机制。在理解其工作原理后,可以灵活地应用到各种前端项目中。
js文件下载
这时,FileSaver.js库就显得尤为重要,它是JavaScript中实现文件保存功能的一个强大工具。本文将深入探讨FileSaver.js的工作原理、使用方法及其在实际项目中的应用。 FileSaver.js是基于HTML5 Blob和URL....
在当今信息化时代,数据交换和存储变得越来越频繁,而FileSaver.js作为一个轻量级的JavaScript库,为Web应用提供了一种方便的方式来实现数据的本地保存,尤其是txt、excel和doc等常见文件格式。本文将详细介绍如何...
在前端开发中,有时我们需要将网页的某个部分或者整个页面保存为图片,或者将多个文件打包成一个压缩文件供用户下载。这些需求可以通过一些优秀的JavaScript库来实现,比如`html2canvas`、`FileSaver`和`jszip`。这...
在IT领域,"filesave 用于下载"是一个关于文件保存和下载的技术概念,通常与JavaScript中的FileSaver库有关。FileSaver.js是一个轻量级的JavaScript库,它允许用户在浏览器环境中方便地保存文件到本地,而无需依赖...
而“FileSaver.js”是一个非常实用的JS库,专门用于在浏览器环境中保存文件到用户的本地系统,无需服务器端的支持。在描述中提到的“tableExport.js”则是另一个工具,它允许用户将HTML表格的数据导出为多种格式,...
FileSaver.js是一个JavaScript库,专门用于在浏览器环境中保存文件,尤其在用户希望下载服务器上的数据或者本地生成的数据时非常有用。这个库是基于HTML5的`Blob`和`URL.createObjectURL()` API构建的,使得在没有...
通过这两个API,`filesaver.js`实现了在用户点击保存按钮时,将数据封装成文件并触发浏览器的下载对话框,让用户能够保存文件到本地。 使用`filesaver.js`非常简单,首先需要在HTML文件中引入`FileSaver.js`库。在`...
FileSaver.js是一个JavaScript库,专门用于在现代浏览器中实现文件保存功能。这个库使得用户能够在浏览器环境中方便地保存各种类型的数据,而无需借助服务器端的支持。以下是对FileSaver.js及其核心概念、使用方法和...
FileSaver.js
4. 使用FileSaver.js保存:`jquery.wordexport.js`会生成一个MHTML文件,你需要使用`FileSaver.js`的`saveAs()`方法保存这个文件到本地。通常,这个过程是由`jquery.wordexport.js`自动完成的,不需要手动处理。 ...
`FileSaver.min.js`是另一个JavaScript库,用于在浏览器环境中实现文件保存的功能。在HTML5中,虽然有`Blob`和`URL.createObjectURL`这样的API可以创建和处理二进制数据,但浏览器默认并不提供保存这些数据到本地的...
FileSaver.js是一个开源的JavaScript库,主要用于在客户端(即浏览器中)实现文件保存功能。它主要解决的是从浏览器中导出文件到用户设备上的问题,特别是在JavaScript中操作Blob对象和实现文件下载方面。 在...
在这个场景中,我们将讨论如何利用JSZip和FileSaver.js库在前端实现文件的压缩并下载为ZIP格式。 首先,我们来了解JSZip库。JSZip是一个纯JavaScript编写的库,它可以创建、读取和编辑.zip文件。它支持多种数据格式...