I am just wandering arround to find a way to pin the file to Pinata
Though I have a method to do it from server side but don't know how to do it from client side like React.js:
This is server side method
async function storeImages(imagesFilePath) {
const fullImagesPath = path.resolve(imagesFilePath);
const files = fs.readdirSync(fullImagesPath);
let responses = [];
console.log("Uploading to Pinata !!!");
console.log("paths ", fs.createReadStream(fullImagesPath + "/" + files[0]));
for (fileIndex in files) {
const readableStreamForFile = fs.createReadStream(
`${fullImagesPath}/${files[fileIndex]}`
);
try {
const response = await pinata.pinFileToIPFS(readableStreamForFile);
responses.push(response);
} catch (error) {
console.log(error);
}
}
return { responses, files };
}
async function storeTokeUriMetadata(metadata) {
try {
const response = await pinata.pinJSONToIPFS(metadata);
return response;
} catch (error) {
console.log(error);
}
return null;
}
Pinata home page: Pinata home page with some manually uploaded files
Would appreciate to help Thanks