[已解决]nodejs如何接收大文件base64编码的图片呀

1569044682

问题：前端需要上传500kb的base64编码，但是后端一直接收不到

报错：{message: 'request entity too large', expected: 319457, length: 319457, limit: 102400, type: 'entity.too.large'}
已经写了这两句，limit还是不变

1. app.use(bodyParser.json({ limit: '50mb' }));
   
2. app.use(bodyParser.urlencoded({ limit: '50mb', extended: true }));

复制代码

前端的请求是

1. 
   
2.                 // dataURL为500kb的图片编码
   
3.                 var urlstr = "base64=" + dataURL
   
4.                 $.ajax({
   
5.                     type: "POST",
   
6.                     url: BASE_REQ_URL + "/my/updateuserhead64",
   
7.                     data: urlstr,
   
8.                     dataType: "json",
   
9.                     processData: false,                                      // 不知道这两句要不要加
   
10.                     contentType: "application/json;",                  // 不知道这两句要不要加
    
11.                     headers: {
    
12.                         'Authorization': localStorage.getItem('Authorization')
    
13.                     },
    
14.                     error: function(data) {
    
15.                         console.log('连接失败');
    
16.                     },
    
17.                     success: function(data, textStatus, Status) {
    
18.                         console.log(data);
    
19.                         if (data.status === 0) {} else {}
    
20.                     }
    
21.                 })

复制代码

后端是这样写的

1. 
   
2. const express = require('express')
   
3. const cors = require('cors')
   
4. const bodyParser = require('body-parser')
   
5. const app = express()
   
6. app.use(cors())
   
7. app.use(express.urlencoded({ extended: false }))
   
8. app.use('/upload', express.static('./upload')) // 托管静态资源文件
   
9. 
   
10. app.use(bodyParser.json({ limit: '50mb' }));
    
11. app.use(bodyParser.urlencoded({ limit: '50mb', extended: true }));
    
12. 
    
13. app.post('/my/updateuserhead64', function(req, res) {
    
14.     console.log(req.body) // 这里的输入一直为{}
    
15. })

复制代码

要么报错 'request entity too large'，要么req.body为{}，不知道怎么回事

然后在浏览器看到的请求负载是有数据的，但是后端一直看不到，呜呜呜

最佳答案

月排行榜 / 总排行榜

一点点儿

2022-8-12 23:43:19

1. 
   
2. app.post('/upload', function(req, res){
   
3. 
   
4. //接收前台POST过来的base64
   
5. 
   
6. var imgData = req.body.imgData;
   
7. 
   
8. //过滤data:URL
   
9. 
   
10. var base64Data = imgData.replace(/^data:image\/\w+;base64,/, "");
    
11. 
    
12. var dataBuffer = new Buffer(base64Data, 'base64');
    
13. 
    
14. fs.writeFile("image.png", dataBuffer, function(err) {
    
15. 
    
16. if(err){
    
17. 
    
18. res.send(err);
    
19. 
    
20. }else{
    
21. 
    
22. res.send("保存成功！");
    
23. 
    
24. }
    
25. 
    
26. });
    
27. 
    
28. });

复制代码

跳转到最佳答案楼层

一点点儿

1. 
   
2. app.post('/upload', function(req, res){
   
3. 
   
4. //接收前台POST过来的base64
   
5. 
   
6. var imgData = req.body.imgData;
   
7. 
   
8. //过滤data:URL
   
9. 
   
10. var base64Data = imgData.replace(/^data:image\/\w+;base64,/, "");
    
11. 
    
12. var dataBuffer = new Buffer(base64Data, 'base64');
    
13. 
    
14. fs.writeFile("image.png", dataBuffer, function(err) {
    
15. 
    
16. if(err){
    
17. 
    
18. res.send(err);
    
19. 
    
20. }else{
    
21. 
    
22. res.send("保存成功！");
    
23. 
    
24. }
    
25. 
    
26. });
    
27. 
    
28. });

复制代码

1569044682

一点点儿 发表于 2022-8-13 13:28

但是req.body是空的，会不会在哪被拦截了呀