how to show a fetch a string using javascript and display in html

Question

I have Uploaded a fully string data in IPFS:- the URL is:- https://bafybeih3u62l664yz4ffpgrjci6ytl64rbivsgpovv6csty3j6kbx6natm.ipfs.infura-ipfs.io/ I put this URL in browser and it perfectly showing it, is there any way, I can fetch this URL using JavaScript and show it to frontend like a image source attribute

Please put your code snippet *in the question* not linked to some external site. Also, this question is too broad, try to focus it on some particular line or lines in your code — JGurtz, Mar 19 '22 at 20:21

score 0 · Answer 1 · answered Mar 19 '22 at 15:08

0

You can do this

 fetch('https://bafybeih3u62l664yz4ffpgrjci6ytl64rbivsgpovv6csty3j6kbx6natm.ipfs.infura-ipfs.io/')
 .then(response => response.text())
 .then(data =>{
     document.getElementById('yourimg').src = data;
 });

answered Mar 19 '22 at 15:08

Sheikh Haziq

229
1
10

Check it out here. https://jsfiddle.net/vbuspn0q/ – Sheikh Haziq Mar 19 '22 at 15:11

how to show a fetch a string using javascript and display in html

1 Answers1