Node.js 및 Express로 웹 API를 만들고 하나의 응답을 사용하여 이미지와 JSON 데이터를 동시에 반환하려고합니다. 헤더를 지정하는 솔루션을 보았습니다 : https://stackoverflow.com/a/18864738/1703565하지만 두 요청을 수행하고 싶지 않습니다. 어떻게해야합니까?단일 Node.js + Express 응답에서 이미지 및 JSON 데이터 보내기
2
A
답변
1
쿠키
당신은 정상적인 이미지 응답 본문으로 이미지를 반환 한 후 같은 요청에 세션 쿠키를 설정할 수 있습니다. 세션 쿠키에는 JSON 데이터가 포함됩니다. 이미지가로드되면 자바 스크립트를 통해 쿠키에서 JSON 데이터를 가져올 수 있습니다.
모든 브라우저에서 작동합니다. JSON의 크기 만 반환 할 수 있습니다. 최대 크기는 4093 bytes입니다.
이미지 인코딩
당신의 JSON은 다음 base64로 객체로서 이미지를 인코딩 할 수있는 쿠키에 적합하고, JSON 응답에 이미지 데이터를 반환하기에 너무 큰 경우.
이 경우 캔버스에 이미지를 재구성하거나 이미지 데이터 URL 형식을 사용하여 Kevin의 주석에서 이미지 객체를 동적으로 생성해야합니다.
이미지 인코딩의 한 가지 단점은 응답의 증가 된 크기입니다. 대략적으로 base64로 인코딩 한 후의 이미지 크기는 원본 이미지보다 37% larger입니다.
궁극적으로 요구 사항에 가장 적합한 방법은 사용자의 필요에 따라 다릅니다.
2
이미지를 base64 문자열 (http://nodejs.org/api/buffer.html#buffer_buf_tostring_encoding_start_end)로 인코딩하여이를 JSON의 일부로 반환 할 수 있습니다.
관련 문제
- 1. 이미지 파일 보내기 - node.js
- 2. Node.js, Express 및 CSS, js, 이미지 애셋
- 3. node.js 및 socket.io의 단일 소켓에 메시지 보내기
- 4. json 응답에서 데이터 읽기
- 5. node.js - express - 데이터 전송 양식 -
- 6. routing node.js 및 express
- 7. node.js, express 및 다른 포트
- 8. 단일 HTTP 응답에서 JSON 데이터와 이미지 컨텐츠 혼합
- 9. node.js/express : 정적 파일 보내기 (존재하는 경우)
- 10. JMeter의 JSON 응답에서 데이터 추출
- 11. $ .post를 사용하여 JSON 데이터 보내기
- 12. Node.js, Express 및 Jade - 양식
- 13. node.js express app.get 및 app.post
- 14. Node.js, Express 및 MySQL. 어떻게 올바른 방법입니다.
- 15. Node.js + express - 클라이언트에서 서버 측 데이터 검색
- 16. JSON ajax 응답에서 여러 데이터 그룹 반환하기
- 17. 레일즈에서 json 데이터 보내기
- 18. swagger POST node.js express
- 19. PHP 서버 측에 이미지 및 데이터 보내기
- 20. PHP로 JSON 데이터 보내기
- 21. WebMethod에 JSON 데이터 보내기
- 22. JSON 데이터 보내기
- 23. android에서 socket.io의 JSON 데이터 보내기
- 24. Node.js, Express, Mongoose, MongoHQ (데이터 저장)
- 25. Request.JS 및 Node.js 데이터 문제
- 26. HerokuApp Node.js express TCP
- 27. Arduino 및 esp8266에서 node.js 소켓 서버로 json 보내기
- 28. NodeJs express가 백본에 json 데이터 보내기
- 29. WebRTC를 통해 JSON 데이터 보내기
- 30. asp : LinkButton을 Json 데이터 응답에서 채우는 방법
캔버스에 이미지를 재구성 할 필요가 없습니다. http://www.bigfastblog.com/embed-base64-encoded-images-inline-in-html –
첫 번째 옵션은 나를 위해 작동하지 않습니다. 순전히 모바일 앱에서 사용하는 웹 API 일뿐입니다. 두 번째 옵션은 나에게도 일어나지 않았다 ... 롤. 고마워. 그러나, 이것이 긍정적 인 방법인가요? –
대니얼 감사합니다. 제 문제에 대한 해결책을 얻었습니다. 이미지와 데이터를 함께 보낼 필요가 없습니다. JSON에서 이미지의 URL을 보내면 클라이언트가 다운로드 할 수 있습니다. 건배 –