前端下载文件流 进行保存 excel文件

后端返回的excel 文件流

场景: 如果失败则返回JSON 数据 、如果成功则直接返回文件流
所以有try catch 包裹		
reqHandle.exportCategorySubrecord(params)
            .then(res => {
                setIsLoading(isLoading => !isLoading)
                if (!res) return;
                try {
                    //如果JSON.parse(enc.decode(new Uint8Array(res.data)))不报错,说明后台返回的是json对象,则弹框提示
                    //如果JSON.parse(enc.decode(new Uint8Array(res.data)))报错,说明返回的是文件流,进入catch,下载文件
                    let enc = new TextDecoder('utf-8')
                    res = JSON.parse(enc.decode(new Uint8Array(res))) //转化成json对象
                    if (res.code !== "0") {
                        message.warning(res.message)
                    }
                } catch (err) {
                    const content = res;
                    const blob = new Blob([content]);
                    let url = window.URL.createObjectURL(blob);
                    let link = document.createElement("a");
                    link.style.display = "none";
                    link.href = url;
                    link.download = `分类报备明细${moment().format("YYYY/MM/DD HH:mm:ss")}.xlsx`
                    document.body.appendChild(link);
                    link.click();
                }
            })
            .catch(err=>{
                setIsLoading(isLoading => !isLoading)
            })
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要实现Spring Boot加载服务器端的视频文件并在前端播放,可以按照以下步骤进行操作。 1. 首先,在服务器端准备好视频文件并存放在指定的文件夹中,确保视频文件可被访问。 2. 在Spring Boot的后端代码中,创建一个Controller用于处理视频文件的加载和传输。 3. 在Controller中,使用@GetMapping或@RequestMapping注解来定义一个接口路径,用于前端请求视频文件的资源。 4. 在接口方法中,使用Java IO或其他合适的方式读取视频文件,并将读取到的视频数据存储在一个字节数组中。 5. 通过设置HttpServletResponse的响应头,设置Content-Type为"video/mp4"或其他对应视频文件的MIME类型,以确保浏览器能正确解析视频文件。 6. 将读取到的视频数据通过HttpServletResponse的输出返回给前端。 7. 在前端页面中,使用视频播放组件(如HTML5的video标签)来播放视频。 8. 在前端代码中,通过发起请求调用后端接口,获取视频文件的资源。 9. 将返回的视频数据绑定到视频播放组件,并设置相应的视频属性,如视频URL、自动播放等。 10. 前端页面加载完毕后,视频文件将根据设置进行自动播放或者用户手动点击播放。 总结: 通过Spring Boot的Controller将视频文件读取并返回给前端,在前端通过合适的视频播放组件进行播放,即可实现Spring Boot加载服务器端的视频文件前端播放的功能。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值