首页 > 其他分享 >fetch上传

fetch上传

时间:2023-02-07 16:13:16浏览次数:34  
标签:body myToken blob myCommentParams document 上传 fetch

//导出我点评的
exportMyComment(){
let data = {
"pageNo": this.commentParams.pageNo,
"pageSize": this.myCommentParams.pageSize,
"param": this.myCommentParams.param,
"semesterId": this.myCommentParams.semesterId,
"teachWeek": this.myCommentParams.teachWeek
}

this.myToken=import.meta.env.MODE=='development'?this.myToken:Cookies.get('Admin-Token')

let options = {
method: "POST", //post请求
headers: {
Accept: "application/json",
"Content-Type": "application/json",
"X-Token": this.myToken,
},
body: JSON.stringify(data),
};
fetch(`${VITE_APP_BASE_API}/judge/task/activity/exportMyJudgeCoursePage`, options)
.then((res) => {
return res.blob();
})
.then((blob) => {
const a = document.createElement("a");
a.style.display = "none";
a.href = URL.createObjectURL(blob);
a.download = '我点评的' + new Date().getTime() + '.xlsx';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(a);
}).catch(err=> {
console.log(err)
}).finally(e=>{

});
},

标签:body,myToken,blob,myCommentParams,document,上传,fetch
From: https://www.cnblogs.com/connie256/p/17098820.html

相关文章

  • 原生文件上传
    <inputid="uplode"ref="imgFile"accept=".jpeg,.png,.gif,.jpg"hiddenmultiple="multiple"type="file"@change="uploadFile($event)"/><!--......
  • PHPMyWind支持PowerPoint上传
    ​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.j......
  • JS文件上传
    【Web技术】657-1.8w字|一文了解全过程(进阶必备)https://blog.51cto.com/u_11887782/5997353-----------------------------------前言平常在写业务的时候常常会用的到......
  • ElementUI中el-upload文件上传后,编辑时文件回显及重新提交思路
    文件回显后端返回文件名和文件路径重新提交后端返回的文件名和文件路径,仅用于展示新建一个ref为editUpload的el-upload组件,用户没有更换文件(this.$refs.editUpload.up......
  • bootstrap4修改文件上传样式
    css[hidden]{display:none!important;} html<labelclass="btnbtn-default"><svgxmlns="http://www.w3.org/2000/svg"width="16"height="16"fi......
  • __sync_fetch_and_add和 __sync_add_and_fetch
    __sync_fetch_and_add和__sync_add_and_fetch都是原子性加法操作函数,可以在线程互斥的前提下对全局变量进行自加,不同的是___sync_fetch_and_add返回未进行加法的变量的值......
  • SpringBoot-超大文件上传-如何上传文件-大文件上传
    ​ 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步......
  • SpringMVC-超大文件上传-如何上传文件-大文件上传
    ​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。首先我们需要了解的是上传文件三要素:1.表单提交方式......
  • tp5使用layui实现多个图片上传(带附件选择)的方法实例
    tp5使用layui实现多个图片上传(带附件选择),如何加载layui在此不详细说明,有需要可以百度html代码,主要处理都是在jq中,完成方法全部原创,也许不是最简单的,但也能实现效果首页......
  • vue的上传图片
    <!--上传--><inputtype="file"ref="myfile1"@change="readImg1"id="fileImg1">data(){return{url:'',}}readImg1:......