홈>
Helloku에서 Node.js 및 AngularJs를 사용하여 웹 사이트를 호스팅하고 있지만 데이터베이스가 다른 곳에 있습니다 (예 : abc.com).
abc.com의 mysql 데이터베이스에 이미지를 저장하고 싶습니다 (헤 로쿠에 이미지를 저장하지 않음).
ng, file-upload (npm 모듈)를 사용하여 AngularJ의 이미지를 저장하기 위해 text, blob, longblob 데이터 유형을 사용했습니다. 이미지를 업로드하면 데이터베이스에 저장됩니다.
데이터베이스 값을 가져오고 node.js에서 휴식을 취하기 위해 abc.com에 휴식 API를 만들었습니다.
이제 데이터베이스에서 이미지를 가져 와서 html 페이지에 표시하고 싶습니다. mysql->abc.com->node.js->angularjs에서 데이터베이스 값을 가져 와서 angular-base64, atob 및 btoa를 사용하여 데이터베이스 값을 이미지로 변환하여 이미지를 표시했지만 운이 없었습니다.
let _arrayBufferToBase64 = function (buffer) {
return $base64.encode(buffer);
};
let _arrayBufferToBase64 = function (buffer) {
console.log('_arrayBufferToBase64')
var binary = '';
var bytes = new Uint8Array(new Buffer(buffer, 'base64'));
// var bytes = new Uint8Array(buffer);
var len = bytes.byteLength;
console.log(len);
for (var i = 0; i < len; i++) {
binary += String.fromCharCode(bytes[i]);
}
return window.btoa(binary);
};
UtilService.fetchImage()
.then(function(res){
console.log(res);
if(res.success){
let data = res.data[0].profile_pic;
console.log(data);
$scope.img = 'data:image/png;base64,'+_arrayBufferToBase64(data);
// $scope.img = 'data:image/png;base64,'+data;
console.log($scope.img);
} else {
console.log('image not found');
$scope.alt = "Image is not found";
}
})
}
template: '<img class="img-responsive img-hover" ng-src={{img}} alt={{alt}}"/>'
데이터베이스가 heroku에있을 때 위의 코드는 정상적으로 작동했습니다. 하지만 지금은 도움이 필요합니다.
미리 감사합니다 ...
- 답변 # 1
관련 자료
- python - Mysql의 이미지를 kivy 창에 직접 표시
- javascript - 새로 추가 된 이미지 파일을 gatsby-image로 표시하는 방법은 무엇입니까?
- javascript - JAVA에서 HTML로 클릭 가능한 Amazon 이미지 링크 표시
- java - 링크에서 이미지를 다운로드하여 이미지보기에 표시하려고하지만 imgViewsetImageBitmap (myImg);약간의 오류가 발생합니다
- 한 줄에/수평으로 MySQL 쿼리 출력 표시
- php - 맞춤 관리 주문 이메일에 Woocommerce 제품 이미지 표시
- python - 파이 게임의 디스플레이에서 이미지 배열 가져 오기
- nodejs, mysql typeerror - 정의되지 않은 'apikey'속성을 읽을 수 없습니다
- html - 반응에서 base64 이미지를 표시 할 수 없습니까?
- php - WooCommerce 장바구니에 첫 번째 갤러리 이미지를 제품 썸네일로 표시
- node.js - nodejs는 blob (base64)을 이미지로 제공합니다
- node.js - https 클라이언트의 서버에 이미지를 어떻게 표시합니까?
- javascript - image_id가 order_id와 같으면 테이블 열에 이미지 표시
- javascript - 이벤트 리스너를 통해 이미지 전환/표시
- javascript - 마우스를 올리거나 클릭하면 해당 이미지가 표시됩니다
- java - 스플래시 화면에 이미지 표시
- javascript - React는 문자열로 전달 된 이미지를 표시합니다
- javascript - nodejs mysql에서 이미지 폴더에 액세스 할 수 있도록 만드는 방법
- html - 내부 h2 태그 일 때 이미지를 블록 요소로 표시하는 방법
- android - 목록의 문자열에 따라 이미지 표시
내 질문에 대한 해결책을 찾았으며 다른 사람들과 공유하고 싶습니다.
내 요구 사항은 angularjs에서 nodejs로, nodejs에서 abc.com (내 데이터베이스가있는 곳)으로 이미지를 전송하는 것이 었습니다.
angularjs에서ng-file-upload를 다음과 같이 사용했습니다 :
서버 측 (NodeJ) :
저장된 이미지를 표시하려는 경우 : 데이터베이스에서 base64String을 가져오고 이미지 인 것처럼 사용하십시오.
도움이 되길 바랍니다. 다른 대안도 기꺼이 알고 싶습니다.