文件上传下载相关操作

痛定思痛。 2022-12-13 14:07 134阅读 0赞

### 文章目录 ###

*   *  导出文件
     *  文件上传

要了解文件操作，需要先了解JS的二进制数据流内容，推荐下面这篇大佬文章  
[JS的二进制家族：Blob、ArrayBuffer和Buffer][JS_Blob_ArrayBuffer_Buffer]

## 导出文件 ##

这里以导出excel文件为例，其他相同，改下对应参数即可  
**接口请求数据**  
请求头中responseType = “arraybuffer” 指定响应的数据类型  
**导出文件**

[使用pdf.js、FileSaver.js将PDF转成图片，且支持批量下载][pdf.js_FileSaver.js_PDF]  
[引入pdf.js,iframe嵌入实现预览、打印功能][pdf.js_iframe]  
[前端下载数据流的三种方式][Link 1]

## 文件上传 ##

[大文件上传和断点续传][Link 2]  
[图片上传（调用微信接口）][Link 3]  
[图片上传，并填入EXIF信息][EXIF]  
[利用localResizeIMG将图片压缩转为base64上传][localResizeIMG_base64]

[JS_Blob_ArrayBuffer_Buffer]: https://zhuanlan.zhihu.com/p/97768916
[pdf.js_FileSaver.js_PDF]: https://blog.csdn.net/xxlllq/article/details/79816063?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-4-79816063.nonecase&utm_term=%E5%89%8D%E7%AB%AF%E5%AE%9E%E7%8E%B0pdf%E8%BD%AC%E6%8D%A2%E6%88%90jpg&spm=1000.2123.3001.4430
[pdf.js_iframe]: https://github.com/goSunadeod/vue-pdf.js-demo
[Link 1]: https://www.cnblogs.com/webbest/p/10107697.html
[Link 2]: https://juejin.im/post/6844904055819468808
[Link 3]: https://blog.csdn.net/weixin_40970987/article/details/106500842
[EXIF]: https://blog.csdn.net/weixin_40970987/article/details/102569709
[localResizeIMG_base64]: https://blog.csdn.net/weixin_40970987/article/details/84749178