js页面将数据内容以文件形式下载

news/2024/7/19 13:25:21 标签: js, 页面, 内容, 文件, 下载
/**
 * 创建下载文件
 * @param {String} fileName     文件名称
 * @param {String} fileContent  文件内容
 * @return {String}
 */
function createAndDownloadFile(fileName, fileContent) {
    if (!fileName) {
        return '文件名称为空';
    }
    if (typeof fileName !== 'string') {
        return '文件名类型错误';
    }
    if (!fileContent) {
        return '文件内容为空';
    }
    if (typeof fileContent !== 'string') {
        fileContent = JSON.stringify(fileContent);
    }

    // 创建隐藏a标签
    var aTag = document.createElement('a');

    // 将文件内容转成blob对象
    var blob = new Blob([fileContent]);

    // 设置下载文件名
    aTag.download = fileName;

    // 给a标签创建DOMString
    aTag.href = URL.createObjectURL(blob);

    // 模拟点击、下载
    aTag.click();

    // 释放DOMString
    URL.revokeObjectURL(blob);

    return '';
}

 


http://www.niftyadmin.cn/n/1727462.html

相关文章

qmake 设置动态链接库的加载路径 rpath

在项目的.pro文件中添加以下代码(注意位置尽量靠前) QMAKE_LFLAGS "-Wl,-rpath,\\$$ORIGIN\" QMAKE_LFLAGS "-Wl,-rpath,\\$$ORIGIN/lib\" QMAKE_LFLAGS "-Wl,-rpath,\\$$ORIGIN/../lib\" 添加完以上参数后&#xff0…

Linux平台关于可执行程序的动态库加载路径(rpath)的查看与修改

对于可执行程序的动态库加载路径rpath(run path),我们可以通过工具来查看,也可以去修改,避免多次编译。 这里介绍两个Linux平台来查询和修改rpath的工具 1. chrpath(change run path) 一般系…

Linux 平台安装 VNC

VNC一共有三个版本,TightVNC、RealVNC、UltraVNC,RealVNC旨在推进商业化,因此需要License;TightVNC旨在改善服务器和查看器之间的VNC压缩,但是该版本最大的缺点是不能远程复制粘贴,而RealVNC则可以&#xf…

google chrome浏览器 Linux平台安装包(rpm,deb)

下载地址: https://www.chromedownloads.net/chrome64linux-stable/

Linux平台升级chrome浏览器后,再打开会提示:“您的个人资料来自新版 Google Chrome 浏览器,因此无法使用。某些功能可能无法使用。请指定其他个人资料目录,或使用新版本”

原因: chrome版本变化之后,个人数据缓存目录下的数据与原版本不兼容。 解决办法: 删除 ~/.config/google-chrome/Default/Web Data 文件夹,重新打开浏览器。

银河麒麟系统使root用户登录图形化界面

银河麒麟系统,安装时会强制要求你创建一个普通用户,以后每次开机默认就用这个用户登录图形化界面,root用户是无法登录图形化界面的,这就需要通过设置来完成。 1. 首先使用普通用户登录系统后,执行以下命令&#xff1a…

webstorm、pycharm禁用双击shift打开搜索框

我们在编码过程中,经常会使用shift切换中英文,有时会发现切换错误,需要立即再次切换,或是手误按下多次shift,此时会弹出 webstorm (pycharm一样)的 search anywhere 窗口,这是websto…

Qt5连接并操作PostgreSQL数据库

教你如何查看官方demo 1. 浏览器搜索Qt,打开第一个连接。 2. 鼠标悬浮Learning,点击下边的Documentation进入文档说明。 3. 找到Qt 5,点击进入。 4. 往下拉,找到Qt SQL,点击进入。 5. 点击进入SQL Programming。也可拉…