画像の保存に CouchDB を使用していますが、その CouchDD ドキュメントから画像を取得して HTML ページに表示する方法を知りたいです。
お気に入り:
<img src= ".....">
私が従うことができるコード例はありますか?
私があなたを正しければ、ドキュメントの添付オブジェクトから画像を表示したいだけです。
次の URI コンストラクトを使用するだけです。
/database/document-id/image-name.type
これがライブの例です。
http://localhost:5984/users/sam/avatar.png
画像を添付ファイルとして保存していて、特定のキー(たとえば、一部のユーザー)の画像を取得する場合は、次のようにします。
data-user-avatarを表示:マップ:
function(doc) {
if (doc.doc_type === "config" && doc.config_type === "user") {
emit(doc.username, doc._attachments);
}
}
list list-user-avatar:
function(head, req) {
start({
"headers": {
"Content-Type": "text/html"
}
});
var row;
while(row = getRow()) {
for (var attachment_key in row.value) {
send('<img src="/' + req.query.database + '/' + row.id + '/' + attachment_key + '" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;">');
}
}
}
javascriptでのHTTP呼び出し:
'http://localhost:5984/db/_design/db/_list/list-user-avatar/data-user-avatar?key="' + user + '"&database=' + database
変換されたpng-(jpg/gif)画像をBLOBフィールドに保存できます
<img src="data:image/png;base64,<?php echo $base64PNGImage ?>">