Nodejs koa2读取服务器图片返回给前端直接展示

项目目录结构

Project
├── app.js                      程序文件
├── images                      图片目录
│ ├── default.png               默认图片
│ ├── xxxxxxx.png               其他图片
│ └── yyyyyyy.png               其他图片

app.js

const fs = require('fs');
const path = require('path');
const mime = require('mime-types'); //需npm安装
const Koa = require('koa'); //需npm安装
const app = new Koa();app.use(async (ctx) => {let filePath = path.join(__dirname, ctx.url); //图片地址let file = null;try {file = fs.readFileSync(filePath); //读取文件} catch (error) {//如果服务器不存在请求的图片，返回默认图片filePath = path.join(__dirname, '/images/default.png'); //默认图片地址file = fs.readFileSync(filePath); //读取文件       }let mimeType = mime.lookup(filePath); //读取图片文件类型ctx.set('content-type', mimeType); //设置返回类型ctx.body = file; //返回图片});
app.listen(8080);

使用方式

初始化项目

npm init -y

安装依赖包

npm install koa mime-types -S

运行node程序

node app.js

浏览器访问

http://localhost:8080/images/xxxxxxx.png

Nodejs koa2读取服务器图片返回给前端直接展示相关推荐

php获取服务器上的图片不显示,php 读取服务器图片
php 读取服务器图片内容精选换一换本文介绍如何将开源框架的网络模型,例如Caffe.TensorFlow等框架训练好的模型,通过OMG(Offline Model Generator:离线模型 ...
java读取服务器图片大小,SpringMVC中MultipartFile上传获取图片的宽度和高度详解
SpringMVC一般使用MultipartFile来做文件的上传,通过MultipartFile的getContentType()方法判定文件的类型(MIME) ".doc":& ...
Java生成二维码并以IO流的形式返回给前端展示(不需写入服务器)，以及下载二维码图片
目录场景方案分析第一步--引入依赖第二步--编写工具类第三步--编写API接口第四步--访问测试第五步--下载图片场景最近笔者做的项目中,有一个需求: 在系统中生成一个二维码,用户保 ...
python验证码，python将PIL生成的图片进行base64编码并返回给前端浏览器
我用python的PIL生成了验证码图片,需要将图片返回给前端浏览器,有两种返回方式.一种是返回response,另一种是将图片进行base64编码后返回. 注意:PIL生成验证码图片时,需要传入fo ...
java 读取数据库图片二进制流并输出到jsp页面
最近刚好遇到这个问题,刚开始在网上各种搜索,看到大量有关该问题的博文. 大量文章有些不敢苟同,希望博主们要写就认真写,请不要浪费其他需要帮助的人的时间去验证你的博文是否正确. 正文如下: 流程说明: ...
php渲染nodejs api,如何使用nodejs 服务器读取HTML文件渲染至前端
这次给大家带来如何使用nodejs 服务器读取HTML文件渲染至前端,使用nodejs 服务器读取HTML文件渲染至前端的注意事项有哪些,下面就是实战案例,一起来看一下. 1.分别简单实现三个备用页面 ...
py读取本地图片并返回图片给前端base64格式
py读取本地图片并返回图片给前端base64格式直接贴代码,有用请收藏 from fastapi import FastAPI from get90V import resBody, getRewr ...
php上传图片到远程服务器并返回图片地址到本地显示
本示例将演示一个简单的上传图片到远程服务器,然后生成图片路径后通过提交的回调路径返回给本地服务器,最后将图片地址显示在前端页面. 本项目应用三个文件,即前端选取图片的页面,然后提交图片到远程服务器处理 ...
记录：php上传图片至服务器并返回显示图片地址
前端上传图片主要代码: upload_test.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN&q ...

Nodejs koa2读取服务器图片返回给前端直接展示

项目目录结构

使用方式

Nodejs koa2读取服务器图片返回给前端直接展示相关推荐

最新文章

热门文章