首页
学习
活动
专区
圈层
工具
发布

浏览器端用JS创建和下载文件

浏览器端用JS创建和下载文件 1 需求 前端需要把获取的数据生成文件让用户下载,按照以往生成 a 标签 href 指向目的文件,不仅需要有已经生成的文件服务器路径,而且很多浏览器支持类型的文件会默认加载而不提示用户选择路径下载...2 解决方案 2.1 下载取代加载:H5标签属性 HTML5 中 a 标签增加了 download 属性,点击链接时浏览器不会打开链接指向的文件,而是改为下载(目前只有chrome、firefox和opera...支持),下载时会直接使用链接的名字来作为文件名(可给 download 加上文件名进行修改,如: download=“file.js”) 2.2 生成文件:DataURI 用js将内容生成文件可以仿照图片...通常用来创建图片 DataURI 显示图片,这里用来下载文件,参数是 File对象(通过input[type=file]选择的文件)或 Blob 对象(二进制大对象),让浏览器自动设定文件类型 解决类型限制...:用 content 创建 ObjectURL 并赋值给 aLink 即可解决文件类型的限制 文件自动下载:构建UI点击事件,再自动触发 function downloadFile(fileName,

5.1K120

php归档格式:phar文件详解(创建、使用、解包还原提取)

的jar,但是在设计时主要针对 PHP 的 Web 环境,与 JAR 归档不同的是Phar 归档可由 PHP 本身处理,因此不需要使用额外的工具来创建或使用,使用php脚本就能创建或提取它。...,前两种执行需要php安装Phar 扩展支持,用的也比较少,这里主要讲phar归档格式。...归档文件的使用: 我们在服务器根目录建立一个index.php文件来演示如何使用上面创建的phar文件,内容如下: [php] view plain copy 下载一个composer.phar放在服务器目录,在根目录建立一个get.php文件,内容如下: [php] view plain copy <?...补充: 1、在部署phar文件到生产服务器时需要调整服务器的配置,避免当访问时浏览器直接下载phar文件 2、可以为归档设置别名,别名保存在归档文件中永久保存,它可以用一个简短的名字引用归档,而不管归档文件在文件系统中存储在那里

2.1K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    php归档格式:phar文件详解(创建、使用、解包还原提取)

    的jar,但是在设计时主要针对 PHP 的 Web 环境,与 JAR 归档不同的是Phar 归档可由 PHP 本身处理,因此不需要使用额外的工具来创建或使用,使用php脚本就能创建或提取它。...,前两种执行需要php安装Phar 扩展支持,用的也比较少,这里主要讲phar归档格式。...归档文件的使用: 我们在服务器根目录建立一个index.php文件来演示如何使用上面创建的phar文件,内容如下: [php] view plain copy 下载一个composer.phar放在服务器目录,在根目录建立一个get.php文件,内容如下: [php] view plain copy <?...补充: 1、在部署phar文件到生产服务器时需要调整服务器的配置,避免当访问时浏览器直接下载phar文件 2、可以为归档设置别名,别名保存在归档文件中永久保存,它可以用一个简短的名字引用归档,而不管归档文件在文件系统中存储在那里

    1.4K60

    浏览器端用JS创建和下载文件 【原创】

    浏览器端用JS创建和下载文件 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian...Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航 浏览器端用JS创建和下载文件 1 需求 2 解决方案 2.1 下载取代加载...通常用来创建图片 DataURI 显示图片,这里用来下载文件,参数是 File对象(通过input[type=file]选择的文件)或 Blob 对象(二进制大对象),让浏览器自动设定文件类型 解决类型限制...:用 content 创建 ObjectURL 并赋值给 aLink 即可解决文件类型的限制 文件自动下载:构建UI点击事件,再自动触发 function downloadFile(fileName,...【By CS逍遥剑仙】 未经允许不得转载:禅林阆苑 » 浏览器端用JS创建和下载文件 【原创】

    2.5K70

    【博客同步】浏览器端用JS创建和下载文件

    浏览器端用JS创建和下载文件 1 需求 前端需要把获取的数据生成文件让用户下载,按照以往生成 a 标签 href 指向目的文件,不仅需要有已经生成的文件服务器路径,而且很多浏览器支持类型的文件会默认加载而不提示用户选择路径下载...2 解决方案 2.1 下载取代加载:H5标签属性 HTML5 中 a 标签增加了 download 属csxiaoyao.com性,点击链接时浏览器不会打开链接指向的文件,而是改为下载(目前只有chrome...、firefox和opera支持),下载时会直接使用链接的名字来作为文件名(可给 download 加上文件名进行修改,如: download=“file.js”) 2.2 生成文件:DataURI 用...通常用来创建图片 DataURI 显示图片,这里用来下载文件,参数是 File对象(通过input[type=file]选择的文件)或 Blob 对象(二进制大对象),让浏览器自动设定文件类型 解决类型限制...:用 content 创建 ObjectURL 并赋值给 aLink 即可解决文件类型的限制 文件自动下载:构建UI点击事件,再自动触发 function downloadFile(fileName,

    39510

    使用 JavaScript 创建并下载文件

    content {:toc} 本文将介绍如何使用 JavaScript 创建文件,并自动/手动将文件下载。这在导出原始数据时会比较方便。...先上代码 /** * 创建并下载文件 * @param {String} fileName 文件名 * @param {String} content 文件内容 */ function createAndDownloadFile...,程序新建 a 标签,新建 Blob 对象,将文件名赋给 a 标签,同时将 Blob 对象作为 Url 也赋给 a 标签,模拟点击事件,自动下载成功,最后再回收内存。...Blob URLs Blob URLs 被创建或注销是使用 URL 对象上的方法。...小结 目前我将这个技术使用在 天猫双十一技术和UED庆功会 的摇火箭大屏游戏中。最后的游戏结果排名,在请求了接口后,在前端直接生成并下载到了本地,作为记录保存。

    2.1K20

    文件下载,用例怎么写?

    读者提问:文件下载,用例怎么写 ? 阿常回答:我们先给文件下载一个特定的场景:不支持批量下载,只能一个一个的下载。 一、文件下载测试点 一)基本功能 1、支持当前页面下载,还是新窗口打开另存为。...2、下载后比对文件,是否和上传时的文件完全一致。 3、注意文件名称为空、含特殊字符及文件名称较长的文件,下载后的文件是否和上传时的一致。 4、下载文件过程中断网,等网络恢复,看文件是否继续下载。...二)文件存储 1、文件上传到服务器之后,采用的是文件存储 NAS 还是对象存储 OSS。 2、文件上传到服务器之后,是否有做容灾备份。 三)安全问题 1、文件上传到服务器之后,文件名是否做了加密。...四)权限测试 1、不具备访问权限的用户是否能够访问。 2、不具备下载权限的用户是否能够下载。 五)性能测试 1、单用户下载 20M 文件的速率是多少,是否符合需求目标。...2、多用户并发下载 20M 文件的速率是多少,是否符合需求目标。 看完今天的分享对你是不是有所启发呢,有任何想法都欢迎大家后台私信阿常,一起探讨交流

    1.6K10

    mongodump 和 mongorerstore常用参数

    例如,将备份数据输出到当前目录下的backup文件夹中: mongodump --out backup/ --gzip,备份数据时启用gzip压缩,可以减小备份数据的体积。...例如,启用gzip压缩备份数据: mongodump --gzip --archive,备份数据时输出为归档文件格式,可以直接用mongorestore命令进行恢复。...例如,备份数据并将其输出为归档文件格式: mongodump --archive > backup.archive mongorestore mongorestore是一个MongoDB的恢复工具,可以将...例如,恢复数据时启用gzip解压缩: mongorestore --gzip backup/mydb/ --archive,恢复数据时从归档文件中读取数据。...例如,从归档文件中恢复数据: mongorestore --archive < backup.archive --dir, 指定存储备份数据的目录。

    1.1K00

    文件上传和下载,用例怎么写?

    读者提问:文件上传和下载,用例怎么写 ? 阿常回答:我们先分别给文件上传、下载一个特定的场景。 文件上传:每个文件大小不超过 20M,文件个数不超过 10个,文件格式不限。...文件下载:不支持批量下载,只能一个一个的下载。 一、文件上传测试点 一)文件大小 1、文件大小 0 KB,上传时是否有提示。 2、文件大小 19.8 M,是否能上传成功。...3、上传文件个数 11个,上传时是否有提示。 4、上传文件个数,是提交前校验,还是提交后校验。 三)文件格式 1、验证所有支持的文件格式是否都能上传成功。...二、文件下载测试点 1、支持当前页面下载,还是新窗口打开另存为。 2、下载后比对文件,是否和上传时的文件完全一致。 3、注意文件名称为空、含特殊字符的文件,下载后的文件是否和上传时的一致。...4、注意文件名称较长的文件,下载后的文件是否和上传时的一致。 5、下载文件过程中断网,等网络恢复,看文件是否继续下载。

    1.7K20

    【赵渝强老师】Oracle的控制文件与归档日志文件

    数据文件和联机日志文件的名字及位置。创建数据库时的时间戳。RMAN备份的元信息。视频讲解如下:Oracle数据库在启动过程中,会根据控制文件中记录的数据文件和联机重做日志文件的位置信息来打开数据库。...由于控制文件非常重要,为了更好的保护数据库,通常在执行数据库备份时是需要备份控制文件的。可以通过下面的语句查看当前存在的控制文件。...这样的方式称之为控制文件的多路复用。即使其中的一个控制文件出现了问题,Oracle数据库也可以使用另一个控制文件。这样也不会因为数据库的损坏从而造成数据的丢失。...二、归档日志文件在Oracle数据库中,归档日志文件是联机重做日志文件的副本,它也记录了对数据库改变的历史。视频讲解如下:下面的语句将查看当前数据库的日志模式。...在非归档模式下,Oracle数据库只能执行数据库的离线备份,或者叫做数据库的冷备份。通过执行下面的语句可以将Oracle数据库的日志模式切换为归档模式。

    22910

    如何在 Linux 系统中使用 tar 命令创建和解压缩归档文件?

    本文将介绍如何使用 tar 命令创建和解压缩归档文件。 二、摘要 本文将介绍如何使用 tar 命令在 Linux 系统中创建和解压缩归档文件。...(二)tar 命令的常用选项 tar 命令的常用选项包括: -c:创建归档文件。 -x:解压缩归档文件。 -v:显示归档或解压缩过程的详细信息。 -f:指定归档文件的名称。...(三)使用 tar 命令创建归档文件 使用 tar 命令创建归档文件非常简单。只需要使用-c选项,并指定归档文件的名称和要归档的文件或目录列表即可。...(六)使用 tar 命令创建和解压缩压缩归档文件 tar 命令支持多种压缩格式,如 gzip、bzip2、xz 等。要创建压缩归档文件,只需要在-c或-x选项后面加上相应的压缩选项即可。...四、QA 环节 Q:如何创建一个包含目录directory1/中所有文件和子目录的归档文件?

    64200
    领券