前端各类文件下载问题

一、 通过a标签的download属性进行下载

a标签的href指定下载文件地址；download可用于修改下载文件名，不指定就用默认文件名；

• a标签download属性在用于同源文件下载的时候，没有任何问题；表现行为都是下载文件
• a标签在下载第三方资源(非同源)文件，download属性会根据浏览器对文件的支持而表现出不同。浏览器默认支持txt,json,pdf,image等文件，此时会直接预览打开，而不是下载。而对于不支持的文件，会直接下载，比如zip，xlsx,word.

<!-- a链接下载,同源download属性没有任何问题，默认都是下载文件; download="fileName" 不指定,默认就是当前资源文件名--><ahref="./assets/note.txt"download="载txt">下载txt</a><ahref="./assets/info.json"download="下载JSON">下载JSON</a><ahref="./assets/avatar.jpg"download="下载png图片">下载png图片</a><ahref="./assets/avatar.zip"download="下载zip压缩包">下载zip压缩包</a><ahref="./assets/markdown.md"download="下载markdown文件">下载markdown文件</a><ahref="./assets/JavaScript高级程序设计(第4版 中文高清).pdf"download="下载PDF">下载PDF</a><ahref="./assets/销售统计表.xlsx"download>下载Excel</a><ahref="./assets/毕业论文.docx"download>下载Word</a><ahref="./assets/述职报告.pptx"download>下载PPT</a><!-- 
    浏览器默认支持txt,json,markdown,pdf,image(png等)等文件的预览，如果是第三方资源，且不同源，此时a标签download的下载功能会失效;
   --><ahref="http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf"download>下载第三方PDF文档</a><ahref="https://tse2-mm.cn.bing.net/th/id/OIP-C.D3eZ5Niid-sAEK0DHvSZPAHaKr?pid=ImgDet&rs=1"download>下载第三方图片</a>