如何在html代码中引用图像,这是一个文档couchdb

如何在html代码中引用图像,这是一个文档couchdb,html,cordova,couchdb,pouchdb,Html,Cordova,Couchdb,Pouchdb,我正在开发一个基于PhoneGap构建的离线应用程序(一个单页应用程序)。为了更新某些部分的某些内容,我将使用从CouchDB服务器到应用程序上的PockDB的复制。我认为这些部分是CouchDB文档,包含html代码和必要的图片作为附件。接下来的问题是:如何使HTML中的图像路径与CouchDB中用于附件的图像路径保持一致?保持DOM图像与PockDB附件同步的最简单方法可能是将附件作为Blob拉出。可以非常有助于处理Blob,但通常非常简单: // fetch the document an

我正在开发一个基于PhoneGap构建的离线应用程序(一个单页应用程序)。为了更新某些部分的某些内容,我将使用从CouchDB服务器到应用程序上的PockDB的复制。我认为这些部分是CouchDB文档,包含html代码和必要的图片作为附件。接下来的问题是:如何使HTML中的图像路径与CouchDB中用于附件的图像路径保持一致?

保持DOM图像与PockDB附件同步的最简单方法可能是将附件作为Blob拉出。可以非常有助于处理Blob,但通常非常简单:

// fetch the document and attachments
db.get('doc', {
  attachments: true,
  binary: true
}).then(function (doc) {
  // get the blob from the document
  var blob = doc._attachments['attachment.png'].data;
  // convert the blob to a url
  var url = blobUtil.createObjectURL(blob);
  // set the url on the `<img>` tag
  img.src = url;
}).catch(console.log.bind(console));
//获取文档和附件
db.get('doc'{
附件:对,,
二进制:对
}).然后(功能(文档){
//从文档中获取blob
var blob=doc._attachments['attachment.png'].数据;
//将blob转换为url
var url=blobUtil.createObjectURL(blob);

//将url设置为“嗨,谢谢你的快速回复。我相信这会解决我的问题。我会尽快尝试。你太棒了!Txs