前端实习笔记

通过后台返回的路径下载对应的文件

大家第一时间肯定是想到a链接的方式，然后通过proxy代理的方式字符拼接，然后实现

首先告诉大家，这个方法只能说你写对了一半，但是没有完全写对
接下来告诉大家一个好的方法那就是通过a标签的download

<a download="文件名称" herf="....">//这样可以实现文件下载效果

浏览器缓存

浏览器对文件和图片第一次会从服务器上请求并接受后显示，这个过程中浏览器会默认缓存你的文件和图片，当你下次图片的名称与你缓存中的图片名称相似的时候，将不会再发送请求，直接那缓存中的文件或则图片

举个例子
当我制作一个封页，是通过html标签转化成图片,可是我们 上传到服务器(也就是请求接口)上时,我们需要将图片转化为file对象然后通过formdata来进行二进制封装后发送给后台，后台能才能够返回正确的图片给我们。

首先讲下：然后将html标签转化为图片

先 npm i --save html2canvas

<div ref="canves">

<script>
// 1.先引入htm2canvas函数
import html2canves from "html2canves"

// 2.使用函数
html2canves(dom元素).then((result)=>{
  console.log(result);//得到的时一个base64格式的图片
})

</sceipt>

然后通过将图片base64格式转化为file对象（详情请看64格式转file对象）

最后通过

let formDate = new FormDate();
formDate.append("参数名",file对象)

就可以了