通过前端向IPFS添加内容时出现ipfs.add is not a function

Question

问题相关代码，请勿粘贴截图

var ipfs = require('ipfs-http-client');

function saveImageOnIpfs(reader) {
return new Promise((resolve, reject)=> {
let buffer = Buffer.from(reader.result);
ipfs.add(buffer).then(res=> {
console.log("res: ", res);
resolve(res[0].hash);
}).catch(err=> {
console.error(err);
reject(err);
});
});
}

function saveTextBlobOnIpfs(blob) {
return new Promise((resolve, reject)=> {
let buffer = Buffer.from(blob, 'utf-8');
ipfs.add(buffer).then(res=> {
console.log("res: ", res);
resolve(res[0].hash);
}).catch(err => {
console.error(err);
reject(err);
});
});
}

运行结果及报错内容

Uncaught (in promise) TypeError: ipfs.add is not a function
查了很久也没解决，不知道是不是写法太久了
let desc = '';
ipfs.cat(p[4]).then(file=> {
desc = file.toString();
$("#product-desc").append("

" + desc + "

");
});
ipfs.cat也是一样的问题

Answer 1

pfs.add 没有这个方法

var ipfs = require("ipfs-http-client");

console.log(ipfs.create().add, "===");

var ipfs = require("ipfs-http-client");
function saveImageOnIpfs(reader) {
  return new Promise((resolve, reject) => {
    let buffer = Buffer.from(reader.result);
    ipfs.create().add
      .add(buffer)
      .then((res) => {
        console.log("res: ", res);
        resolve(res[0].hash);
      })
      .catch((err) => {
        console.error(err);
        reject(err);
      });
  });
}

function saveTextBlobOnIpfs(blob) {
  return new Promise((resolve, reject) => {
    let buffer = Buffer.from(blob, "utf-8");
    ipfs.create().add(buffer)
      .then((res) => {
        console.log("res: ", res);
        resolve(res[0].hash);
      })
      .catch((err) => {
        console.error(err);
        reject(err);
      });
  });
}

Answer 2

感觉有用 望采纳

Answer 3

这是我跟着一个三四年的教程写敲的，链接里面是官方文档的用法，不过没搞明白怎么上传从页面提交的文本和图片https://www.npmjs.com/package/ipfs-http-client

Answer 4

你可以把教程链接发我一下 我跑一下