首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

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

浏览器端用JS创建和下载文件 1 需求 前端需要把获取的数据生成文件让用户下载,按照以往生成 a 标签 href 指向目的文件,不仅需要有已经生成的文件服务器路径,而且很多浏览器支持类型的文件会默认加载而不提示用户选择路径下载...点击链接时浏览器不会打开链接指向的文件,而是改为下载(目前只有chrome、firefox和opera支持),下载时会直接使用链接的名字来作为文件名(可给 download 加上文件名进行修改,如: download=“file.js...”) 2.2 生成文件:DataURI 用js将内容生成文件可以仿照图片 DataURI 的方式 封装成一个下载方法...'a'); var blob = new Blob([content]); var evt = document.createEvent("HTMLEvents"); evt.initEvent...("click", false, false);//initEvent 不加后两个参数在FF下会报错 aLink.download = fileName; aLink.href = URL.createObjectURL

4.7K120

向zepto.js学习如何手动(trigger)触发DOM事件

原文地址 仓库地址 event.js模块 zepto中由许多小的模块组合合成,基础的zepto.js模块,event.js事件处理模块,ajax.js请求处理模块等等。...为了直接切入不易理解,我们先来看看zepto中是如何给基础的zepto.js模块添加功能的 首先看看zepto.js模块 var Zepto = (function () { // xxxx var...而$.fn就是其原型 如何给zepto.js模块增添功能 zepto.js模块只有一些基础的功能,比如给dom添加事件的功能就没有,怎么添加呢?...初始化事件对象 event.initEvent(type, bubbles, true) event.initEvent('click', true, true) // 3....如果将initEvent的第二个参数设置为false,将不允许冒泡,则只会打印出1 结尾 如果这部分对你有点点帮助,点个star好不好呀! ??? 仓库地址

3K20

向zepto.js学习如何手动(trigger)触发DOM事件

event.js模块 zepto中由许多小的模块组合合成,基础的zepto.js模块,event.js事件处理模块,ajax.js请求处理模块等等。...为了直接切入不易理解,我们先来看看zepto中是如何给基础的zepto.js模块添加功能的 首先看看zepto.js模块 var Zepto = (function () { // xxxx var...而$.fn就是其原型 如何给zepto.js模块增添功能 zepto.js模块只有一些基础的功能,比如给dom添加事件的功能就没有,怎么添加呢?...初始化事件对象 event.initEvent(type, bubbles, true) event.initEvent('click', true, true) // 3....如果将initEvent的第二个参数设置为false,将不允许冒泡,则只会打印出1 结尾 如果这部分对你有点点帮助,点个star好不好呀! ??? 仓库地址

4.1K50

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券