1.TXT类型文件

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Document</title>

</head>

<body>

  <script>

    function fake_click(obj) {

      var ev = document.createEvent("MouseEvents");

      ev.initMouseEvent(

        "click", true, false, window, 0, 0, 0, 0, 0

        , false, false, false, false, 0, null

      );

      obj.dispatchEvent(ev);

    }

    function myExport(name, data) {

      var urlObject = window.URL || window.webkitURL || window;

      // 有效的命名空间URI

      // HTML - 参阅 http://www.w3.org/1999/xhtml

      // SVG - 参阅 http://www.w3.org/2000/svg

      // XBL - 参阅 http://www.mozilla.org/xbl

      // XUL - 参阅 http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul

      var myFile = new Blob([data]);

      var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a");

      save_link.href = urlObject.createObjectURL(myFile);

      save_link.download = name;

      fake_click(save_link);

    }

    myExport('filename.xlsx', "helloworld!");

  </script>

</body>

</html>

2.表格保存弹出另存为框

 fake_click(obj) {

      var ev = document.createEvent('MouseEvents')

      ev.initMouseEvent(

        'click',

        true,

        false,

        window,

        0,

        0,

        0,

        0,

        0,

        false,

        false,

        false,

        false,

        0,

        null

      )

      obj.dispatchEvent(ev)

    },

    // 测试代码-测试使用打开另存为窗口

    myTestT() {

      // Blob 格式 Excel 文件下载export

      console.log('123456')

      let url = 'http://10.10.10.22/aa/ddd/myExcel.xlsx'

      axios

        .get(url, {

          responseType: 'blob',

          params: {}

        })

        .then(res => {

          // res.data 是一个 blob 流格式

          var myFile = new Blob([res.data])

          var save_link = document.createElementNS(

            'http://www.w3.org/1999/xhtml',

            'a'

          )

          var urlObject = window.URL || window.webkitURL || window

          save_link.href = urlObject.createObjectURL(myFile)

          // 要么就让用户手动加.xlsx,要么就没有另存为窗口

          // save_link.download = 'myExcel.xlsx' // 如果这里不写.xlsx就可以打开另存为按钮

          save_link.download = 'myExcel'

          this.fake_click(save_link)

        })

    },

    myExport(name, data) {

      var urlObject = window.URL || window.webkitURL || window

      // 有效的命名空间URI

      // HTML - 参阅 http://www.w3.org/1999/xhtml

      // SVG - 参阅 http://www.w3.org/2000/svg

      // XBL - 参阅 http://www.mozilla.org/xbl

      // XUL - 参阅 http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul

      var myFile = new Blob([data])

      var save_link = document.createElementNS(

        'http://www.w3.org/1999/xhtml',

        'a'

      )

      save_link.href = urlObject.createObjectURL(myFile)

      save_link.download = name

      this.fake_click(save_link)

    },

    // 测试代码-测试使用打开另存为窗口

下一个方法： 设置A标签，src直接对应一个可以下载的链接，以及download 可以用户右键另存为

最靠谱的方法： 使用a标签，添加download属性，然后让用户设置浏览器-高级-每次下载前询问另存为

chrome实现下载文件JS代码弹出'另存为'窗口的更多相关文章

  1. JS设置弹出小窗口。

    经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息.警告.欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这 ...

  2. asp.net下用js实现弹出子窗口选定值并返回

    对应上一篇博客代码: 父页面: <head runat="server"> <meta http-equiv="X-UA-Compatible" ...

  3. 【Java】数据库查询的数据直接以指定文件类型下载到本地（弹出下载框）

    欲实现的功能目标:当点击下图的导出数据文件时弹出文件下载框,默认csv格式,用户自定义下载的本地路径 遇到的问题: 1.项目之前做过一次下载,但是是使用了本地文件模板.用输入流读取文件模板,插入数据, ...

  4. JS弹出模态窗口下拉列表特效

    效果体验:http://hovertree.com/texiao/js/20/ 或者扫描二维码在手机体验: 点击选择城市后,在弹出的层中的输入框,输入英文字母 h,会有HoverTree和Hewenq ...

  5. [转]js来弹出窗口的详细说明

    1.警告对话框 <script> alert("警告文字") </script> 2.确认对话框 <script> confirm(" ...

  6. js插件---弹出层sweetalert2（总结）

    js插件---弹出层sweetalert2(总结) 一.总结 一句话总结: sweetalert2的效果非常好,效果比较Q萌,移动端适配也比较好,感觉比layer.js效果好点 1.SweetAler ...

  7. js自定义弹出框

    js自定义弹出框: 代码如下 <html> <head><title>自定义弹出对话框</title> <style type ="te ...

  8. JS 弹出模态窗口解决方案

    最近在项目中使用弹出模态窗口,功能要求: (1)模态窗口选择项目 (2)支持选择返回事件处理 在IE中有showModalDialog 方法,可以很好的解决该问题,但是在Chrome中和FF中就有问题 ...

  9. js实现第一次打开网页弹出指定窗口（常用功能封装很好用）

    js实现第一次打开网页弹出指定窗口(常用功能封装很好用) 一.总结 1.常用功能封装:之前封装的cookie的操作函数非常好用,我自己也可以这么搞 二.js实现第一次打开网页弹出指定窗口 练习1:第一 ...

随机推荐

  1. 题解 P6355 [COCI2007-2008#3] DEJAVU

    kcm的原题.. 貌似是个组合数(? \(\sf {Solution}\) 对于每一个点,我们需要统计与它同一行的点数\(a\) 和同一列的点数\(b\) ,则该点对结果\(ans\) 的贡献为\(( ...

  2. 一、什么是celery

    一.什么是Celery 1.1.celery是什么 celery是一个简单.灵活且可靠的,处理大量消息的分布式系统,专注于是心爱处理的异步任务队列,同事也支持任务调度. Celery的架构由三部分组成 ...

  3. 关于Redis的，你了解多少？来看看我的笔记

    Redis 概述 Redis(Remote Dictionary Server ),即远程字典服务,是一个开源的使用ANSI C语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value数据 ...

  4. 【笔记】入门DP（Ⅱ）

    0X00 P1433 吃奶酪 状压 \(DP\),把经过的点压缩成01串.若第 \(i\) 位为 \(0\) 表示未到达,为 \(1\) 则表示已到达. 用 \(f[i][j]\) 表示以 \(i\) ...

  5. Redis的攻击手法

    目录 Redis概述 Redis未授权 漏洞发现 漏洞验证 Redis写shell 漏洞利用 Redis写公钥 漏洞利用 主从复制RCE 漏洞简介: 漏洞利用 计划任务反弹shell 漏洞利用 Red ...

  6. vmware workstation NAT模式配置

    一. 配置虚拟网络编辑器 1. 打开虚拟网络编辑器 2. 点击右下角更改设置 3. 选择NAT模式 点击选中NAT模式的虚拟网络,默认为VMnet8(可调整),可设置NAT模式的子网IP和掩码 4. ...

  7. bugku web2

    打开全是滑稽.... 直接查看源码(用firefox的F12来查看,其他的会注释掉)可以得到flag(抓包不知道怎么回事抓不到,不然应该也可以看到注释的flag)

  8. github访问慢怎么办

    前言 访问github网速老不好?老掉线?下载贼慢?或许这篇笔记可以帮助你! Github访问慢的根本原因其实是CDN内容分发受到DNS污染,无法连接使用igithub的加速分发服务器,所以国内访问时 ...

  9. linux 使用ACR122U-A9设备读写M1卡

    前言 很久之前我在windows用过这个ACR122U-A9设备, 还挺好用,但是换了linux后,突然想又想用这个设备又是一顿折腾- 关于这个设备 其实这个设备只能读取M1卡(水卡这种),当时什么都 ...

  10. 关于解决Failed on cp file to /system - Cross-device link 报错

    前言 在adb shell中移动 android_server时候遇到了这个报错 解决办法 采用 cp 命令代替 mv 命令