nodejs创建webServer，设置图片请求时，readFileSync设置utf-8时图片不显示问题

最新推荐文章于 2023-01-09 17:04:48 发布
最新推荐文章于 2023-01-09 17:04:48 发布
阅读量967 收藏 2
点赞数 1
分类专栏： nodejs 文章标签： nodejs utf-8 readFileSync
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jhgx11/article/details/102737699
版权
在使用Node.js创建webServer处理图片请求时，遇到图片无法在浏览器中显示的问题。最初怀疑是路径错误，但路径正确。通过检查Response Header，Content-Type已设置为image/jpeg。最终发现是fs.readFileSync()读取图片文件时，使用'utf-8'编码导致的，去除该编码参数后，图片正常显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

nodejs创建webServer，设置图片请求时，在浏览器中不显示在这里插入图片描述

// 1 引入http、fs、path模块
const http = require('http');
const fs = require('fs'
最低0.47元/天 解锁文章
Node 本地网站服务器网页加载不出图片的解决方法
lmmmmmm 的代码生活
06-26 4317
文章目录前言遇到的问题心得源代码 前言 最近在自学 Node.js 准备入门前端 在用 Node 配置本地网站服务器的时候连上了自己期末的前端综合实验设计的作业 遇到了一些问题来记录一下。 遇到的问题 连接网站的时候加载不出页面图片。 解决：因为使用 fs.readFile() 来读取所有的文件，其中包括 HTML、CSS、JS 以及各种格式的图片文件。众所周知 readFile() 有三个参数，需要将第二个参数删去，这样网页就可以正常的加载图片了。 点击网站跳转链接的时候找不到页面文件 -&gt
七天学会NodeJS（四）一边读取一边输出响应、守护进程（child process、spawn）、功能-性能-稳定性-代码部署
qq_43456781的博客
08-31 669
七天学会NodeJS（四）一边读取一边输出响应、守护进程（child process、spawn）、功能-性能-稳定性-代码部署 文章目录七天学会NodeJS（四）一边读取一边输出响应、守护进程（child process、spawn）、功能-性能-稳定性-代码部署1. 大示例需求第一次迭代设计实现第二次迭代设计实现第三次迭代设计实现第四次迭代设计实现后续迭代小结 总结： 合并静态文件示例 本章小结 process补充 SIGKILL 是告诉进程要立即终止的信号，理想情况下，其行为类似于
Node中读取图片加载到浏览器页面总是出错（Content-Type设置）
tingyu_的博客
08-02 1643
在使用NodeJS加载图片到前端页面的时候，总是不中正确的将图片显示到页面上，而是一直出现让保存的提示，就是这个样子： 出现这个错误的主要原因是Content-Type设置的不正确， 正确写法是： res.writeHead(200,{'Content-Type':'image/jpeg'}) 错误写法： res.writeHead(200,{'Content-Type':'image/jepg'}) res.writeHead(200,{'Content-Type':'images.
web页面上展示图片时，图片不显示，报错：ERR_CONTENT_LENGTH_MISMATCH
anmo7165的博客
06-20 1030
问题描述 前端页面加载css，和js文件的时候，经常出现ERR_CONTENT_LENGTH_MISMATCH的报错情况。 查找问题 在单独打开hearder中css，js的网络地址是能打开的，所以排除了最简单的地址错误。前端项目是由nginx代理的，所以可以查看nginx的日志，看看有无线索。 进入${NGINX_HOME}\logs，查看error.log，得到如...
html读取远程图片,node.js,_nodejs 如何读取远程的图片并显示出来?，node.js - phpStudy...
weixin_35728411的博客
06-05 422
nodejs 如何读取远程的图片并显示出来?现在需要这样一个功能: 通过 GET 参数 "url" , 读取图片并显示图片我现在的代码是:var http = require('http');var url = require('url');http.createServer(function (req, res) {var params = url.parse( req.url , true ...
nodejs中如何通过链接把html页面或者是图片显示出来
富在术数不在劳身,利在势局不在力耕。
10-03 1837
// 引入http模块，通过文件的方式读取不同文件下的html文件或者是图片，html的设置类型是text/html.字符串的设置类型是text/plain而图片不需要设置utf-8，jpg只需要设置image/jpeg即可 const http = require('http'); // 创建服务器 var fs = require('fs'); let server = http.createServer(); // 对请求进行处理 server.on('request',(req,res)=&g.
nodeJS实现路由功能实例代码
10-19
<meta charset="UTF-8"> <title>Document 404 ``` 接下来定义了两个HTML页面，一个是首页home.html，另一个是关于页about.html。 ```html <!-- home.html --> <!DOCTYPEhtml> <meta charset="UTF-8"> ...
nodejs企业微信回调设置
最新发布
01-14
var certificate = fs.readFileSync('/path/to/certificate.crt', 'utf8'); var credentials = {key: privateKey, cert: certificate}; var expressApp = ...; // 初始化express实例 var httpsServer = ...
nodejs
weixin_48819493的博客
10-30 1969
nodejs、express、koa2、mongodb
怎么加载服务器图片不显示,加载服务器图片不显示
weixin_42545664的博客
08-10 715
加载服务器图片不显示 内容精选换一换Android网络编程加载网络图片访问网络数据jsonWebView 网页加载控件安卓与互联网交互的三种方式：加载网络图片例子：加载一张网络图片到ImageView上。 https://03imgmini.eastday.com//mobile//2来自：博客在IntelliJ上选择“项目”，找到“.idea”文件夹，单击右键选择“新建>文件”， 输入文件...
Node fs.writeFileSync 操作中 UTF-8 格式 BOM 缺失
热门推荐
09-19 1万+
NodeJS 默认使用 utf8 格式，这点是没错的 瞎逼逼一下，不解释，意会就好： 万花丛中过，片叶不沾身常在江边走，哪有不湿鞋 o.gif 故事由来 后端给我的是 .cshtml 文件，代码粘贴来复制去太恶心了，于是我写了一段脚本： const ORIGIN_DIR = './origin'; // 源目录 const DESTINATION_DIR =
node.js中的文件读取写入操作
发果叁
01-09 1556
整理了一套《前端大厂面试宝典》，包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。
node readFile读html乱码,nodejs读取本地中文json文件出现乱码
weixin_29173777的博客
06-26 667
1. 确定json文件是UTF-8 无BOM编码的的。如果有BOM，会在读取第一行的时候出现乱码。Per"fs.readFileSync(filename, 'utf8') doesn't strip BOM markers #1918",fs.readFileis working as designed:BOM isnotstripped from the header of the...
nodeJS中读写文件方法的区别
weixin_30483697的博客
03-05 1030
导言：nodejs中所有与文件相关的操作都在fs模块中，而读写操作又是我们会经常用到的操作，nodejs的fs模块针对读操作为我们提供了readFile，read, createReadStream三个方法，针对写操作为我们提供了writeFile，write， createWriteStream三个方法，下面分析一下它们的区别： 一、readFile和writeFile 1、readFile...
node.js（五）---- 读取图片
qq_36709020的博客
04-27 2000
用的是   fs.readFile() 和 fs.readFileSync();在操作图片时，需要将header设置为‘image/jpeg’，在获取和输出时，需要将encoding设置为'binary'const fs = require('fs'); module.exports = { readImg: (path,fn) =&gt; { //异步读取图片 fs....
Node.js 高级进阶之 fs 文件模块学习
程序员成长指北
07-30 481
人所缺乏的不是才干而是志向，不是成功的能力而是勤劳的意志。—— 部尔卫前言文件操作是开发过程中并不可少的一部分，作为一名 Node.js 开发工程师更应该熟练掌握fs模块...
node常用api
记录点滴
02-26 576
fs fs.mkdir( ) 异步创建文件夹 fs.readdir( ) // 读取目录文件(不包含文件内容)，返回结果为数组 // 注意 读取路径：要读取的文件的所在目录的路径，与调用fs.readdir()的文件无关,所以路径多数为绝对路径 fs.readdir(path, [options], callback(err, res)) fs.readdirSync(path) // ...
Node的 fs 内置模块 ( 了解)
weixin_46287150的博客
12-05 752
fs - file system node 内置的一个模块 里面存放的都是操作文件相关的方法 使用的时候不需要自己定义, 但是需要导入 1. readFile( ) 异步读取文件 => 异步读取文件 => 语法: readFile(路径[, 格式], 回调函数) -> 路径: 你要读取的文件路径 -> 格式: 读取文件默认是 buffer 格式的文件 + 可以选填 'utf8' 表示读取的是 utf8 格式的内容 -> 回调函数: 读取成功以后执行的回调
跨域问题
sjzwenzi的专栏
10-22 520
1、跨域问题 app.all('*', function (req, res, next) {     res.header("Access-Control-Allow-Origin", "*");     res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值