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

Chrome 下载大文件报错!用 Streamsaver.js 完美填坑

本文系转载,转载链接:Chrome 下载大文件报错!用 Streamsaver.js 完美填坑前言用 Chrome 下载大文件时,有时会弹出 “网络错误”,换其他浏览器却能正常下载。...一、为什么 Chrome 独有的 “大文件下载坑”?...简单来说,把请求响应的数据类型从Blob改成ArrayBuffer,就能让 Chrome 正常处理 1-2G 的文件下载。2....三、完美解决 —— 用 Streamsaver.js 实现流式下载,支持超大文件经过多次尝试,最终发现Streamsaver.js能彻底解决问题,它就像 “给大文件开了‘绿色通道’”,通过 “流式传输”...四、总结在建设网站的过程中,面对 Chrome 大文件下载错误,通用 Streamsaver.js 做流式下载,一般情况都可以解决问题。

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

    Chrome ReResGores插件 (替换js文件)

    js文件,加断点hook等debugger代码保存为新的js文件,用ReRes插件进行替换ob等混淆还原后js替换:原始网站js文件有ob混淆/控制流混淆,或者想把某个混淆的js文件替换成还原后的js文件都可以...,复制原始网站js文件,用ast还原后保存为新的js文件,用ReRes插件进行替换对vmp形式js进行插桩输出日志:原始网站js文件是vmp的代码形式,想插桩输出日志,复制原始网站js文件,加插桩日志的代码保存为新的...用ReRes插件进行替换安装及使用谷歌商店安装:https://chrome.google.com/webstore/detail/reres/gieocpkbblidnocefjakldecahgeeica...hl=zh-CN&gl=CN 网盘下载:https://pan.baidu.com/s/1oKg4TPSajcB-qAe3S-k3WA 密码:t1w1安装好后,在chrome://extensions/...Gores插件1、下载 gores插件 ,相比reres插件替换js文件的时候会出现跨域问题,所以目前还是建议选择reres插件2、安装:谷歌浏览器右上角三个竖点点击>扩展程序>管理扩展程序或者在浏览器输入

    1.4K10

    js实现使用文件流下载csv文件

    现在我们开始来理解下Bolb对象及它的文件流下载应用场景。 1....理解HTML5中a标签的download属性 HTMl5中给a标签新增了一个download属性,只要我们设置该属性值,那么点击该链接时浏览器不会打开新链接,而是会直接下载文件,并且文件名就是 download...因此结合这个特点,我们就可以简单的实现文件流下载文件了,我们首先在原来的代码基础之上,再动态创建一个a链接,然后把该a标签的样式设置none, 该链接的 href属性 就是我们上面是有 window.URL.createObjectURL...(blob); 生成的url,然后我们把 a链接的download属性设置下,该属性值就是我们的下载文件的文件名。...console.log(blob); const url3 = window.URL.createObjectURL(blob); console.log(url3); var filename = '文件流下载

    7.2K30

    js使用文件流下载csv文件的实现方法

    现在我们开始来理解下Bolb对象及它的文件流下载应用场景,话不多说了,来一起看看详细的介绍吧 创建Blob对象方式如下: ```var blob = new Blob(dataArray, options...bc19-391d3bf93d9d 理解HTML5中a标签的download属性 HTMl5中给a标签新增了一个download属性,只要我们设置该属性值,那么点击该链接时浏览器不会打开新链接,而是会直接下载文件...因此结合这个特点,我们就可以简单的实现文件流下载文件了,我们首先在原来的代码基础之上,再动态创建一个a链接,然后把该a标签的样式设置none, 该链接的 href属性 就是我们上面是有 window.URL.createObjectURL...(blob); 生成的url,然后我们把 a链接的download属性设置下,该属性值就是我们的下载文件的文件名。...const url3 = window.URL.createObjectURL(blob); console.log(url3); var filename = '文件流下载

    6.9K10

    Chrome插件-图片批量下载

    ,然后慢慢挑; 因为我一般用的都是Chrome浏览器,所以这里给大家推荐两个用的比较顺手的图片批量下载插件 这里先给大家推荐一个无版权的图片网址https://alphacoders.com/,种类齐全...图片助手-ImageAssistant 地址:Chrome商店-图片助手 缺点: 批量下载的图片标清 优点: 操作简单,方便 筛选条件丰富 生成的图片命名清晰,一目了然 还支持其他浏览器(比如360,百度...) 俗话说,有得必有失,像这种可以批量下载的插件,一般都会有个缺点: 就是下载下来的图片都是标清的,即你在浏览器看到的是多大,下载下来的就是多大 如果想要高清的,需手动点击单个图片中的下载按钮(前提是网站支持下载高清图片...、分辨率等 在下载方面,支持全选、反选、全下载、选中下载 而且生成的文件可自定义命名,如下所示 2....Fatkun图片批量下载 地址:Chrome商店-Fatkun 缺点: 筛选条件不够丰富 批量下载的图片标清 优点: 支持淘宝天猫等电商平台,以及微博、小红书等社交平台 支持大图解析 这款插件相对于第一款来说

    3.8K10

    8个 chrome插件玩转GitHub,单个文件下载小意思

    比如我想单独下载一个文件,但GitHub 不支持,你必须要下载整个工程;想要看仓库里的某一个文件,你只能层层点进去,再有从 GitHub clone 个项目慢的要死,简直烦躁到爆炸。...下边推荐 8个chrome 插件来解决 GitHub 的这些问题。 ?...chrome 网上应用商店找插件 1、Octotree - GitHub code tree Octotree 可以为 GitHub 项目生成一个文件菜单树,就跟在 IDEA 中看到的效果一样。 ?...2、GitHub Downloader GitHub Downloader 可以针对单个文件进行下载,不能下载单个文件是GitHub 的一个硬伤,之前想要下载一个文件往往需要 clone 整个工程。...插件安装成功会在文件内容上方多出一个 download 按钮,直接点击即可下载当前文件,配合 Octotree - GitHub code tree 使用一起使用效率会更高。 ?

    1.1K11

    【Windows】 chrome 如何下载网站在线预览PDF文件,保存到本地

    爱学习的小伙伴肯定遇到过那种只能在线看,但并不提供下载的的PDF文件! 但有时候想保存到本地有很费劲。...今天准备了一个很简单的方法 以这个在线pdf为例 在线PDF文件 该如何把这个PDF保存到本地呢~ 方法 1.以chrome浏览器为例,打开准备好的示例网站 2.F12打开控制台 3.点击network...,然后点击Fetch/XHR 4.按F5 刷新页面,可以看到控制台里有个pdf 的字样(有的可能不会有),而且右侧preview 里是乱码, 基本上可以确定就是PDF文件 5.右击 点...Copy ,在展出的选项里点Copy link address,这样PDF路径就复制到剪切板了 6.打开一个新的窗口,把复制的路径粘贴到地址栏,回车后就可以预览PDF了,这时候我们下载或者直接打印就行了...这篇教程教大家下载这些文献、资料、电子书呢,是为了方便大家进行学习与交流!

    1K10

    Chrome迅雷下载支持扩展1.1

    喜欢chrome浏览器又经常使用迅雷下载东西的朋友注意了,chrome迅雷下载扩展已经发布了。再也不用复制到IE打开或者使用IE tab了。...目前只支持chrome浏览器内左键点击下载,支持以下文件类型的绝对路径下载地址:“rar、zip、tar、iso、exe、dll、rmvb、rm、avi、mp3、wma、wmv、wmp、mpg、mpeg...、mov、3gp、mdf、chm、torrent” 支持跳转类下载地址支持以下站点“狗狗搜索、太平洋下载、霏凡软件站、中关村在线、天空软件站”(华军的下载页提供的是绝对地址,不需要专门支持) 支持绝对路径的...BT种子下载 支持ed2k链接的点击下载,但不支持VeryCD下载页中的“下载选中的文件” 扩展下载

    1.3K30
    领券