图片下载-导出 功能

前端导出后端文件（导出文件其实就是下载）存在两种方式：

1.请求接口之后，后端返回文件路径，前端直接下载；

2.请求接口之后，后端以文件流的形式返回给前端，前端再下载到本地

参考：前端下载文件流（接收后台传来的文件流） - niniHan - 博客园 (cnblogs.com)

 

 

1.利用创建一个a标签移除一个a标签来实现。（优点就是可以在任何html标签上实现下载功能）

 

 

2.使用a标签直接下载

 

3.使用window.open，在点击事件触发接口的回调中使用（地址要通过接口来拿）

 

 缺点：在火狐浏览器会被拦截，需要手动操作。

解决方法，使用a标签替代或者 参考一下别人的文章：window.open浏览器弹出新窗口被拦截—原因分析和解决方案

 

 

 1.图片预览插件 react-zmage；这个插件可以轮播多张图片，还能翻页

用法:

 

 

2.图片预览插件 react-medium-image-zoom，这个插件只能预览一张图片