前端创建文件，并写入自定义内容下载

àì夳堔傛蜴生んèń 2022-12-19 09:12 137阅读 0赞

创建一个a标签，往a标签里增加href  与download 属性

**herf**里 需要写入文件的**MIME**， 文件所对应的MIME  可以查看我的另一篇博客  [完整的 mime type 列表][mime type]   这个属性规定文件的格式是否正常， encodeURIComponent 是用于转化文件内容的.

**download**属性可以设置下载的文件名

此方法在chrome上测试正常。 最新版的火狐也可以

function createAndDownYaml(content) {
      const element = document.createElement('a')
      element.setAttribute('href', 'data:application/x-yaml;charset=utf-8,' + encodeURIComponent(content))
      element.setAttribute('download', 'pmc.yml')
      element.style.display = 'none'
      element.click()
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70 1][]

[mime type]: https://blog.csdn.net/github_35631540/article/details/103228868
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70]: /images/20221120/a643b624e3bc45b9a65c55fb0a8c7738.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70 1]: /images/20221120/6c3d59faa01a495bb6ea809143cbbea6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，137人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java创建文件并写入内容

Java创建文件并写入内容以下代码可以创建一个文件，并使用FileWriter向文件中写入内容，若路径不存在则自动创建路径，若文件已经存在，则不再创建 publ

朴灿烈づ我的快乐病毒、/ 2023年10月13日 09:26/ 0 赞/ 55 阅读

相关前端创建文件，并写入自定义内容下载

创建一个a标签，往a标签里增加href 与download 属性 herf里需要写入文件的MIME，文件所对应的MIME 可以查看我的另一篇博客 [完整的 mime

àì夳堔傛蜴生んèń/ 2022年12月19日 09:12/ 0 赞/ 138 阅读

相关第二题：创建记事本并写入内容

vi----记事本 vim---相当于notepad++ word wps 和iv一样 \\\第一个里程碑打开文件 vi /data/oldboy.txt \\

蔚落/ 2022年10月03日 00:33/ 0 赞/ 175 阅读

相关 Java之创建目录、文件并写入、读取文件内容

1.mkdirs()：可以建立多级文件夹， mkdir()只会建立一级的文件夹。 2.getParentFile()：获得父目录。 3.file.getParentFi

叁歲伎倆/ 2022年05月11日 02:58/ 0 赞/ 807 阅读

相关 java创建文件写入内容，并实现下载该文件

public void getText(){ response.setHeader("Content-Disposition", "attachment

超、凢脫俗/ 2022年04月02日 06:24/ 0 赞/ 363 阅读

相关 perl创建txt文件并写入内容

参考 http://www.cnblogs.com/modaidai/p/6690839.html !/usr/bin/perl open

小咪咪/ 2022年01月28日 18:19/ 0 赞/ 410 阅读

相关创建文件并写入内容

应用场景：在获取用户信息之后，把用户所需要的信息写到txt文档中，然后打包加密，发送给客户，这边的代码主要就是创建文件，写入内容后，在邮件发送完成删除该文件 /

骑猪看日落/ 2021年09月28日 00:06/ 0 赞/ 384 阅读

相关创建文件并写入内容

应用场景：在获取用户信息之后，把用户所需要的信息写到txt文档中，然后打包加密，发送给客户，这边的代码主要就是创建文件，写入内容后，在邮件发送完成删除该文件 /

心已赠人/ 2021年09月28日 00:06/ 0 赞/ 403 阅读

相关创建文件并写入内容

应用场景：在获取用户信息之后，把用户所需要的信息写到txt文档中，然后打包加密，发送给客户，这边的代码主要就是创建文件，写入内容后，在邮件发送完成删除该文件 /

灰太狼/ 2021年09月26日 04:34/ 0 赞/ 429 阅读

相关删除指定文件，重新创建并写入指定的内容

public static void write(String path,String content){ File file = delFile(pa

青旅半醒/ 2021年09月11日 00:38/ 0 赞/ 420 阅读