救急，非IE浏览器实现Javascript对文件上传与下载操作

最新推荐文章于 2019-07-05 15:35:59 发布

无命可取

最新推荐文章于 2019-07-05 15:35:59 发布

阅读量1.9k

点赞数 3

分类专栏： web前端文章标签： javascript chrome file download upload

本文链接：https://blog.csdn.net/nh18304030935/article/details/70840955

版权

前几天遇到的问题，查了好多资料，大部分技术都是针对IE浏览器的，用的是ActiveXObject实现。但是本人就想用chrome浏览器实现，肿么办？

查了些资料，发现H5新增了一些功能能帮助我们解决这些问题。在这里就不描述IE浏览器如何实现了，网上一搜一堆，这里只帮助那些使用chrome的小伙伴解决问题，请叫我雷锋，不谢！！

JS下载文件：

使用技术：

1.Blob对象，

2.<a>标签的download属性，

3.URL.createObjectURL()方法,

具体实现：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <body&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

无命可取

关注关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js实现文件上传

∑

12-10

879

HTML: <script src="//unpkg.com/vue/dist/vue.js"></script> <script src="//cdn.bootcss.com/axios/0.19.0/axios.min.js"></script> <script src="//unpkg.com/element-ui@2.9.1/lib/...

js不适用插件导出txt文件，适合IE，Google Chrome

06-06

不使用插件导出自定义Txt文件。适合浏览器有IE浏览器，Google Chrome浏览器，360浏览器

1 条评论您还未登录，请先登录后发表或查看评论

JS读取/创建本地文件及目录文件夹的方法

weixin_30363509的博客

05-05

1339

原文链接：http://www.cnblogs.com/ayan/archive/2013/04/22/3036072.html 注：以下操作只在IE下有效！ Javascript是网页制作中离不开的脚本语言，依靠它，一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧？比如，对文件和文件夹进行读、写和删除，就象在VB、VC等高级语言中经常做的工作...

JS 文件上传/下载

yanpengfeil的博客

03-23

4228

项目需要 文件上传/下载想用一个轻量级的框架，但是在网上搜索都没有找到于是想自己手写一个，但是由于浏览器限制不允许获取本地路径（IE除外）所以还是用了框架 ajaxfileupload 超轻量级的 JSP文件 <tr> <td>上传附件：</td> <td colspan="3"> <!-- 提交所用到的表单 --&g...

IE可以实现的浏览器js下载文件的方法

xxtz0522的博客

11-10

1万+

方法一：打开新窗口，替换成下载界面 function doSave(obj) { obj=document.getElementById('obj');//obj是需要下载的内容 if (isIE()){//IE浏览器保存文本框内容 var winname = window.open('', '_blank', 'top=10000'); winname.d...

JS简单实现文件上传（无需插件）

This My Life - chisj

01-22

5699

转载自：http://blog.csdn.net/teresa502/article/details/7200838 [html] view plain copy span class="up-btn" id="selectFile">请选择文件span> input type="file" name="fileupload" style="F

JS写入txt文件

热门推荐

m0_37488170的博客

07-05

2万+

一. 写入 FileSystemObject可以将文件翻译成文件流。第一步：创建一个可以将文件翻译成文件流的对象。 var fso=new ActiveXObject(Scripting.FileSystemObject); 第二步：用于创建一个textStream 对象 Var f=fso.createtextfile(“C:\a.txt”,2,true); 参...

信号与系统超全公式表期末救急用

04-23

标题中提到的“信号与系统超全公式表期末救急用”和描述中的“信号与系统超全公式表期末救急用”都指向了同一个知识点，即针对信号与系统课程的期末复习，提供了一个全面的公式整理表。这部分内容说明了文档的用途...

JavaScript期末考试复习必会代码

08-09

JavaScript是Web开发中不可或缺的...理解并熟练运用这些代码，有助于提升对JavaScript语言的掌握，从而能够更好地应对实际开发中的问题。记住，学习JavaScript不仅是记忆语法，更重要的是理解其背后的逻辑和应用场景。

html5.js-ie浏览器兼容处理文件

04-24

html5.js-ie浏览器兼容处理文件,html5.js-ie浏览器兼容处理文件,html5.js-ie浏览器兼容处理文件

用JS在浏览器中创建下载文件

12-12

但受限于浏览器，很多情况下我们都只能给出个链接，让用户点击打开-》另存为。如下面这个链接：代码如下: <a>file.js</a> 用户点击这个链接的时候，浏览器会打开并显示链接指向的文件内容，显然，这并没有实现我们的需求。HTML5中给a标签增加了一个download属性，只要有这个属性，点击这个链接时浏览器就不在打开链接指向的文件，而是改为下载（目前只有chrome、firefox和opera支持）。下载时会直接使用链接的名字来作为文件名，但是是可以改的，只要给download加上想要的文件名即可，如：download=“not-a-file.js”

驱动救急包（因权限，文件提供百度网盘下载）特：驱动助理

02-25

稳定的万能驱动、在木有网络、木有U盘、木有驱动光盘、总之对驱动是望眼欲穿的时候，你会发现明智的在D/E/F盘存了这个软件。好了，整个世界都光明了

职业健康安全管理体系ISO45001-2018全套文件.zip

06-12

js实现文件下载及自动下载

过客的博客

08-27

1万+

文件下载： <a href="/glfwzx/rcdd/camera/data/EV9000AppOCXV4.11B3.exe" download="EV9000AppOCXV4.11B3.exe">压缩包</a> 自动下载： <a href="/glfwzx/rcdd/camera/data/EV9000AppOCXV4.11B3.exe" downlo...

js实现上传文件大小限制，兼容IE、Firefox、Chrome

chenlei080512的博客

06-02

1039

功能说明：通过input:file标签onchange事件，在前端限制用户上传的文件必须小于2M，兼容IE、Firefox、Chrome。函数说明： validBrowser() 判断浏览器类型，因为IE浏览器和Firefox、Chrome获取文件大小的方式不同。 chec...

前端通用下载文件方法（兼容IE10及以上）

weixin_42445133的博客

11-21

9781

之前在网上看到一个博主写的前端通用的下载文件的方法，个人觉得很实用，所以mark一下，方便以后查阅源文地址（源文还有上传/下载excel文件方法）因为项目要求要兼容IE浏览器，所以完善了一下之前博主的方法 IE 浏览器：使用微软自带的msSaveBlob 方法，a标签的download属性不支持IE 谷歌浏览器（只测试过谷歌）：创建a标签，添加download属性，模拟鼠标点击...

AVR熔丝位设置与救急指南：细致操作与注意事项

AVR单片机熔丝位的设置与拯救是AVR技术中一项关键的操作，它涉及到对单片机内部特定熔丝位的配置，这些熔丝位具有多次擦写E²PROM的功能，用于永久性地设定AVR的特性、参数、I/O配置，甚至片内运行代码的锁定（加密...