优化网站方法,网站建设的几个阶段,南京网站销售,wordpress分类信息模板有时候#xff0c;网页上需要提供将当前页面上的数据导出为本地文件的功能#xff0c;例如将页面上的一个表格导出为csv文件。这个功能看似简单#xff0c;实际上却没有什么直接的方法。由于导出文件的操作#xff08;比如浏览文件目录#xff0c;创建本地文件等#xff…有时候网页上需要提供将当前页面上的数据导出为本地文件的功能例如将页面上的一个表格导出为csv文件。这个功能看似简单实际上却没有什么直接的方法。由于导出文件的操作比如浏览文件目录创建本地文件等已经超出了浏览器内JS解释器的职责范围需要和操作系统交互了所以如果没有浏览器提供接口支持是没法导出文件的。但是有一个巧妙的办法就是使用a元素https://stackoverflow.com/questions/13405129/javascript-create-and-save-file 。 这个办法巧妙结合了两个小技巧1. http链接可以以下载文件的方式打开 2. 通过URL.createObjectURL(object)可以为一个JS File/Blob对象创建一个 URL。 代码如下 function download(text, name, type) {var a document.getElementById(a);var file new Blob([text], {type: type});a.href URL.createObjectURL(file);a.download name;a.dispatchEvent(new MouseEvent(click, {bubbles: false, cancelable: true})); }a href idaclick here to download your file/a button οnclickdownload(file text, myfilename.txt, text/plain)Create file/button代码实现的功能包括 页面上放一个隐藏的 a元素当用户要导出文件时比如点击了导出按钮根据导出内容创建一个Blob对象并产生对应的url将 a 元素的href设置为上述url 并设置 download属性最后触发一个a元素的点击事件就会弹出保存文件的窗口。转载于:https://www.cnblogs.com/a-distant-bright-star/p/7286782.html