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

差分

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

この比較画面へのリンク

--- blockchain:dappsからipfsにファイルをアップロードする [2022/06/16 12:52] – dot
+++ blockchain:dappsからipfsにファイルをアップロードする [2022/06/16 12:54] (現在) – dot
@@ 行 31: / 行 31: @@
 <code JavaScript>
-import React, { BaseSyntheticEvent, useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import type { IPFS } from 'ipfs-core-types';
 import * as IPFSCore from 'ipfs-core';
@@ 行 70: / 行 70: @@
         setIpfsReady(Boolean(ipfs));
     };
-    const fileSelected = async (event: BaseSyntheticEvent) => {
+    const fileSelected = async (event: React.ChangeEvent<HTMLInputElement>) => {
         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