DOT's Wiki

ユーザ用ツール

サイト用ツール

トレース:
blockchain:dappsからipfsにファイルをアップロードする

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
blockchain:dappsからipfsにファイルをアップロードする [2022/06/16 12:52] – dotblockchain:dappsからipfsにファイルをアップロードする [2022/06/16 12:54] (現在) – dot
行 31: 行 31:
  
 <code JavaScript> <code JavaScript>
-import React, { BaseSyntheticEvent, useState, useEffect } from 'react';+import React, { useState, useEffect } from 'react';
 import type { IPFS } from 'ipfs-core-types'; import type { IPFS } from 'ipfs-core-types';
 import * as IPFSCore from 'ipfs-core'; import * as IPFSCore from 'ipfs-core';
行 70: 行 70:
         setIpfsReady(Boolean(ipfs));         setIpfsReady(Boolean(ipfs));
     };     };
-    const fileSelected = async (event: BaseSyntheticEvent) => {+    const fileSelected = async (event: React.ChangeEvent<HTMLInputElement>) => {
         if(!isIpfsReady) return;         if(!isIpfsReady) return;
  
-        const targetFile = event.target.files[0]; +        const targetFile = event.target.files?.[0]; 
-        const _result = await ipfs.add(targetFile); +        if(targetFile){ 
-        //const _result = await ipfs.add('Hello world'); +            const _result = await ipfs.add(targetFile); 
-        setCID(_result.path);+            //const _result = await ipfs.add('Hello world'); 
 +            setCID(_result.path); 
 +        }
     };     };
  
blockchain/dappsからipfsにファイルをアップロードする.1655383960.txt.gz · 最終更新: 2022/06/16 12:52 by dot