js 页面下载3中方式

1. window.location.href = ‘请求路径‘get方式}

2. fetch(‘请求路径方式拼接上去‘get方式).then(res => res.blob().then(blob => {   const a = document.createElement(‘a‘)   const url = window.URL.createObjectURL(blob)   const filename = ‘aa.xlsx‘   a.href = url   a.download = filename   a.click()   window.URL.revokeObjectURL(url) }))

3.this.exportData.campusId = this.campusIdthis.exportData.time = this.changeTimes(this.createEndTime)axios({  url:‘路径‘  method: ‘方式‘,  type: ‘application/vnd.openxmlformats-officedocument.spreadsheetml.sheet‘,  data: 参数,  responseType: ‘blob‘,  timeout: 120000}).then(response => {  const blob = new Blob([response.data])  const fileName =‘aa.xlsx‘  if (‘download‘ in document.createElement(‘a‘)) { // 非IE下载    const elink = document.createElement(‘a‘)    elink.download = fileName    elink.style.display = ‘none‘    elink.href = URL.createObjectURL(blob)    document.body.appendChild(elink)    elink.click()    URL.revokeObjectURL(elink.href) // 释放URL 对象    document.body.removeChild(elink)  } else { // IE10+下载    navigator.msSaveBlob(blob, fileName)  }

原文地址:https://www.cnblogs.com/bt2882/p/11577632.html

时间: 2024-10-07 17:25:29

js 页面下载3中方式的相关文章

jsp页面跳转页面的几中方式(非动态)

1. 通过<a>标签跳转网页a) 通过<a>标签直接跳转b) 通过<a>标签调用JavaScript函数,然后再进行跳转 2. 通过表单形式跳转网页a) 通过表单跳转 3. 利用JavaScript中的事件跳转 这里利用了JavaScript中的onlick事件,调用了JavaScript方法,然后再从方法中调用form表单第一行的信息,调用表单submit()提交方法,从而提交表单.

页面生成二维码并下载(页面下载,程序下载)

生成二维码引用以下js function QR8bitByte(a) { this.mode = QRMode.MODE_8BIT_BYTE, this.data = a } function QRCode(a, b) { this.typeNumber = a, this.errorCorrectLevel = b, this.modules = null, this.moduleCount = 0, this.dataCache = null, this.dataList = new Arr

JS的三种使用方式/CSS的三种使用方式/JS中的DOM事件模型/JS中匿名函数的书写及调用/媒体查询@media的三种使用方式

一.JS的三种使用方式 1.html标签中内嵌JS(不提倡使用.)                <button onclick="javascript:alert('你真点啊.')" > 有本事点我呀!!!!</button>                                2.HTML页面中直接使用JS:                <script type="text/javascript">        

js父页面使用iframe中的函数

js父页面使用iframe中的函数:iframe是非常常用的一个html元素,如果在父页面中使用子页面的方法应该怎么写呢,下面就做一下简单的介绍.一.父页面代码: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> &l

在MyEclipse中修改jsp页面的默认打开方式

在JavaWeb项目中,当然有很多jsp页面,但是我发现,双击打开jsp页面总是卡机,相对于打开其他java文件而言非常慢,感觉很不舒服,MyEclipse中默认打开jsp页面是以可视化的形式展现的,但是大多数情况我们都喜欢以代码方式打开jsp页面. 有两种方式来解决打开jsp页面较慢的问题. 单击选中jsp页面,点击右键---open with  --- MyEclipse JSP Editor  以这种方式打开就非常快不会出现卡机的情况. 但是这种方式每次打开jsp页面时都很繁琐,有没有更好

使用COCOS2D-X JSB开发,在js页面中设置iOS键盘模式

XYSDK.h void setKeyboardType(int type); XYSDK.cpp voidXYSDK::setKeyboardType(int type) { #if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS) CCEGLView * pGlView = CCDirector::sharedDirector()->getOpenGLView(); if (pGlView) { if (0==type) { pGlView->setIMEKe

CocosCreator 中 JS 与 Java 互相调用方式和注意事项

JS 调用 Java 方法在 CocosCreator 下 JS 调用 Java/Objective-C 的格式都是: var o = jsb.reflection.callStaticMethod(className, methodName, methodSignature, parameters...)JS 只能调用 Java 中的静态方法,需要传入类名.方法名.方法签名.方法参数,并且可以获得返回值. 类名类名必须是包含 Java 包路径的完整类名,而且用斜线 / 代替点 . ,例如 co

极客编程挑战#018:设计独一无二的页面 ”加载中“ 效果

本期挑战 请使用以下开练 LOGO 素材 为基础(三选一即可): 图片(base64):http://www.gbtags.com/gb/rtreplayerpreview/808.htm SVG图形:http://www.gbtags.com/gb/rtreplayerpreview/809.htm 或者基于以上图形的的自定义LOGO设计 挑战要求: 使用你所熟悉的任意前端技术(JS,CSS3,画布,SVG动画等等),生成一个漂亮动态的 ”页面加载中“ 效果,持续5秒后,页面即导向地址:htt

【转】手机web前端调试页面的几种方式

前言 PC端web页面调试比较容易,这里主要说几种移动端调试的方法,从简单到复杂.从模拟调试到远程调试,大概分为几部分: 1.Chrome DevTools(谷歌浏览器)的模拟手机调试 2.weinre(web inspector remote)远程调试工具 3.微信的“web开发者工具”,集成了Chrome DevTools和weinre,做的比较好 4.Chrome DevTools远程调试Android和iOS页面 5.Eruda——手机网页前端调试面板 阅读说明 本文不是小白文,需要一定