您好,欢迎访问一九零五行业门户网

JS创建html浏览器导出下载的方法

本文主要和大家分享js创建html浏览器导出下载的方法,主要用的html5的download属性和blob,希望能帮助到大家。
url.createobjecturl
url.createobjecturl()方法会根据传入的参数创建一个指向该参数对象的url. 这个url的生命仅存在于它被创建的这个文档里. 新的对象url指向执行的file对象或者是blob对象.
objecturl = url.createobjecturl(blob || file);1
file对象或者blob对象 
这里大概说下file对象和blob对象: 
file对象,就是一个文件,比如我用input type=”file”标签来上传文件,那么里面的每个文件都是一个file对象. 
blob对象,就是二进制数据,比如通过new blob()创建的对象就是blob对象.又比如,在xmlhttprequest里,如果指定responsetype为blob,那么得到的返回值也是一个blob对象. 
*注意 
每次调用createobjecturl的时候,一个新的url对象就被创建了.即使你已经为同一个文件创建过一个url. 如果你不再需要这个对象,要释放它,需要使用url.revokeobjecturl()方法. 当页面被关闭,浏览器会自动释放它,但是为了最佳性能和内存使用,当确保不再用得到它的时候,就应该释放它.
url.revokeobjecturl
url.revokeobjecturl()方法会释放一个通过url.createobjecturl()创建的对象url. 当你要已经用过了这个对象url,然后要让浏览器知道这个url已经不再需要指向对应的文件的时候,就需要调用这个方法. 
具体的意思就是说,一个对象url,使用这个url是可以访问到指定的文件的,但是我可能只需要访问一次,一旦已经访问到了,这个对象url就不再需要了,就被释放掉,被释放掉以后,这个对象url就不再指向指定的文件了. 
比如一张图片,我创建了一个对象url,然后通过这个对象url,我页面里加载了这张图.既然已经被加载,并且不需要再次加载这张图,那我就把这个对象url释放,然后这个url就不再指向这张图了.
window.url.revokeobjecturl(objecturl);1
下载文件方法
var fundownload = function (content, filename) { var elelink = document.createelement('a'); elelink.download = filename; elelink.style.display = 'none'; // 字符内容转变成blob地址 var blob = new blob([content]); elelink.href = url.createobjecturl(blob); // 触发点击 document.body.appendchild(elelink); elelink.click(); // 然后移除 document.body.removechild(elelink); };
相关推荐:
html浏览器显示乱码_html/css_web-itnose
以上就是js创建html浏览器导出下载的方法的详细内容。
其它类似信息

推荐信息