NodeJS解析前端图片链接请求,并返回服务器目录下的图片文件地址供前端使用
发布时间
阅读量:
阅读量
在项目的开发阶段内,在线下环境条件下进行开发时,在线下环境下当前端和后端开发人员均在本地电脑上工作状态下的情况下,在线下环境下当前前端部分需要展示一些图片内容,在线下环境下当前前段部分可以直接将这些图片放置于本地机器上的静态文件夹内以满足基本展示需求但在实际应用场景中为了更加真实地模拟数据情况并提高整体用户体验效果我们希望实现通过从客户端发起请求获取所需图片链接然后由服务器返回对应的图片数据用于在线展示以达到更加逼真的效果
1.前端
下面是我模拟前端发起的图片链接,使用get请求:
http://localhost:4200/getImg?sort=coffee&img=coffee0001.jpg
解释:该接口名为'/getImg';其对应的GET请求中的query字段采用了两个查询字段来完成功能说明。第一个查询字段名为sorectanglefield(或sortfield), 用于表示图像分类信息;由于我的图片按照类型进行了分类存储, 所以不同类别的图像分别存储在不同的文件夹中, 以此实现快速定位功能. 第二个字段表示图像在服务器中的命名方式, 即用于标识具体图像的名称通常位于coffee/文件夹内, 并以.jpg扩展名存储.
前端用于测试的HTML:
<!DOCTYPE html>
全部评论 (0)
还没有任何评论哟~
