react中向后台服务器发送一请求 后台接口返回的是byte[]类型的图片 我现在如何在前台界面中显示它?

react中向后台服务器发送一请求 后台接口返回的是byte[]类型的图片 我现在如何在前台界面中显示它?,第1张

目前很流行的方式是通过JQuery中的 AJAX 方法来获取数据,引入JQuery后使用 $.ajax() 去访问特定的url地址,通过GET、POST等方式进行数据通信。本文中采用的方式是通过 Fetch 方法来进行数据通信,同样可以向后台服务器发起GET、POST等

之前为了熟练antd框架,特别做了这个后台管理系统练手。

正因为要熟悉,所以在设计面板的时候,尽可能想用上更多的控件。

于是对照着antd的 API ,开始往这个项目上堆控件。

!

新增本地文件服务 使用自己修改的服务器端文件上传组件 https://github.com/zhaoyu69/jquery-file-upload-middleware 保存文件为以hash命名,避免重复保存。hash值前两位相同的放入同一文件夹,减少文件过多的压力。

新增七牛云文件服务 需要从后台拿上传的token,不提供自己的七牛云密钥,可免费申请 https://portal.qiniu.com/user/key 只需要将相关信息填入Server/routes/qiniu.js中就可以使用七牛云上传了,七牛服务器自带hash比较,不会重复上传。

页面不复杂,没有使用状态管理。

使用React本身的State更新,也很好理解。

练练手熟悉熟悉框架还是不错的。

1.克隆项目

2.安装客户端依赖

3.运行客户端

4.安装服务端依赖

5.运行服务端

Github.


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/521433.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-06-21
下一篇2023-06-21

发表评论

登录后才能评论

评论列表(0条)

    保存