blockchain

IPFS

chanchand 2023. 3. 3. 02:19
반응형

- 폴더 구조

 

- upload files to IPFS

 

upload 링크로 접속하면 아래 페이지를 볼 수 있고, 각각의 이미지를 확인할 수 있다.

0x2d80B7111951fFEd8b6bc59BE56913B36303A2

 

 

 

 

- nodejs

$ npm i @thirdweb-dev/storage
import { ThirdwebStorage } from '@thirdweb-dev/storage'

export default function upload({}){
  const [fileUrl, updateFileUrl]=useState('');
  
  const onChange=async(e)=>{
    const file=e.target.files[0];
    const storage=new ThirdwebStorage();
    const ipfs=await storage.upload(file);
    updateFileUrl(storage.resolveSchema(ipfs));
  }
  
  return (
    <>
      <input type="file" name="file" onChange={onChange} />
    </>
  );
}
반응형

'blockchain' 카테고리의 다른 글

[ethernaut] Hello Ethernaut  (0) 2023.04.02
remix - Deploy & At Address  (0) 2023.03.18
스마트 컨트랙트 배포(Truffle)  (0) 2023.02.12
[Klaytn] 스마트 컨트랙트 배포  (0) 2023.02.09
[Klaytn] EN  (0) 2023.02.09