使用download.js时下载的文件内容为该文件的url(url和filename参数因有中文产生了乱码导致)(附download.js源码)

最新推荐文章于 2024-08-10 07:32:00 发布

_归

最新推荐文章于 2024-08-10 07:32:00 发布

阅读量1.7k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Meetulucky/article/details/106142499

版权

本文介绍了在使用download.js时遇到的中文文件名乱码问题，并提供了两种解决方案：一是通过encodeURI转码URL；二是直接修改download.js源码以支持中文文件名。还分析了问题产生的原因，由于浏览器在创建a标签时会对含有中文的URL自动转码，导致下载失败。建议在使用时避免URL中包含中文或在源码中进行转码。

摘要由CSDN通过智能技术生成

先来个download.js源码(未修改)

//download.js v4.2, by dandavis; 2008-2016. [CCBY2] see http://danml.com/download.html for tests/usage
// v1 landed a FF+Chrome compat way of downloading strings to local un-named files, upgraded to use a hidden frame and optional mime
// v2 added named files via a[download], msSaveBlob, IE (10+) support, and window.URL support for larger+faster saves than dataURLs
// v3 added dataURL and Blob Input, bind-toggle arity, and legacy dataURL fallback was improved with force-download mime and base64 support. 3.1 improved safari handling.
// v4 adds AMD/UMD, commonJS, and plain browser support
// v4.1 adds url download capability via solo URL argument (same domain/CORS only)
// v4.2 adds semantic variable names, long (over 2MB) dataURL support, and hidden by default temp anchors
// https://github.com/rndme/download

(function (root, factory) {
   
	if (typeof define === 'function' && define.amd) {
   
		// AMD. Register as an anonymous module.
		define([], factory);
	} else if (typeof exports === 'object') {
   
		// Node. Does not work with strict CommonJS, but
		// only CommonJS-like environments that support module.exports,
		// like Node.
		module.exports = factory();
	} else {
   
		// Browser globals (root is window)
		root.download = factory();
  }
}(this, function () {
   

	return function download(data, strFileName, strMimeType) {
   

		var self = window, // this script is only for browsers anyway...
			defaultMime = "application/octet-stream", // this default mime also triggers iframe downloads
			mimeType = strMimeType || defaultMime,
			payload = data,
			url = !strFileName && !strMimeType && payload,
			anchor = document.createElement("a"),
			toString = function(a){
   return String(a);},
			myBlob = (self.Blob || self.MozBlob || self.WebKitBlob || toString),
			fileName = strFileName || "download",
			blob,
			reader;
			myBlob= myBlob.call ? myBlob.bind(self) : Blob ;
	  
		if(String(this)==="true"){
    //reverse arguments, allowing download.bind(true, "text/xml", "export.xml") to act as a callback
			payload=[payload, mimeType];
			mimeType=payload[0];
			payload=payload[1];
		}


		if(url && url.length< 2048){
    // if no filename and no mime, assume a url was passed as the only argument
			fileName = url.split("/").pop().split("?")[0];
			anchor.href = url; // assign href prop to temp anchor
		  	if(anchor.href.indexOf(url) !== -1){
    // if the browser determines that it's a potentially valid url path:
        		var ajax=new XMLHttpRequest();
        		ajax.open( "GET", url, true);
        		ajax.responseType = 'blob';
        		ajax.onload= function(e){
    
				  download(e.target.response, fileName, defaultMime);
				};
        		setTimeout(function(){
    ajax.send();}, 0); // allows setting custom ajax headers using the return:
			    return ajax;
			} // end if valid url?
		} // end if url?


		//go ahead and download dataURLs right away
		if(/^data\:[\w+\-]+\/[\w+\-]+[,;]/.test