ファイルのアップロード

import React from 'react';
import { uploadData } from 'aws-amplify/storage';

function App() {
  const [file, setFile] = React.useState();

  const handleChange = (event) => {
    setFile(event.target.files?.[0]);
  };

  const handleClick = () => {
    if (!file) {
      return;
    }
    uploadData({
      path: `photos/${file.name}`,
      data: file,
    });
  };

  return (
    <div>
      <input type="file" onChange={handleChange} />
      <button onClick={handleClick}>Upload</button>
    </div>
  );
}

import { uploadData } from 'aws-amplify/storage';

try {
  const result = await uploadData({
    path: "album/2024/1.jpg",
    // Alternatively, path: ({identityId}) => `album/${identityId}/1.jpg`
    data: file,
  }).result;
  console.log('Succeeded: ', result);
} catch (error) {
  console.log('Error : ', error);
}

import { uploadData } from 'aws-amplify/storage';

const result = await uploadData({
  path: 'album/2024/1.jpg',
  data: file,
  options: {
Copy highlighted code example
    // Amplify Backendで割り当てられた名前を使ってターゲットバケットを指定する
    bucket: 'assignedNameInAmplifyBackend'
  }
}).result;

import { uploadData } from 'aws-amplify/storage';

const result = await uploadData({
  path: 'album/2024/1.jpg',
  data: file,
  options: {
Copy highlighted code example
    // あるいは、コンソールからバケット名と関連するリージョンを指定する
    bucket: {
      bucketName: 'bucket-name-from-console',
      region: 'us-east-2'
    }
  }
}).result;

import { uploadData } from 'aws-amplify/storage';

const monitorUpload = async () => {
  try {
    const result = await uploadData({
      path: "album/2024/1.jpg",
      // Alternatively, path: ({identityId}) => `album/${identityId}/1.jpg`
      data: file,
      options: {
        onProgress: ({ transferredBytes, totalBytes }) => {
          if (totalBytes) {
            console.log(
              `Upload progress ${Math.round(
                (transferredBytes / totalBytes) * 100
              )} %`
            );
          }
        },
      },
    }).result;
    console.log("Path from Response: ", result.path);
  } catch (error) {
    console.log("Error : ", error);
  }
}

import { uploadData, isCancelError } from 'aws-amplify/storage';

// タスクの一時停止、再開、キャンセル
const uploadTask = uploadData({ path, data: file });
//...
uploadTask.pause();
//...
uploadTask.resume();
//...
uploadTask.cancel();
//...
try {
  await uploadTask.result;
} catch (error) {
  if (isCancelError(error)) {
    // タスクのキャンセルによってスローされたエラーを処理する
  }
}

import { uploadData } from 'aws-amplify/storage';

const result = await uploadData({
  path: 'album/2024/1.jpg',
  data: file,
  options: {
    metadata: {
      customKey: 'customValue',
    },
  },
});

import { uploadData } from 'aws-amplify/storage';

const result = await uploadData({
  path: 'album/2024/1.jpg',
  data: file,
  options: {
    // ダウンロード時に使用するcontent-typeヘッダー
    contentType: "image/jpeg",
    // オブジェクトの表示方法を設定する
    contentDisposition: "attachment",
    // アクセラレートエンドポイントを使用するかどうか
    useAccelerateEndpoint: true,
    // リクエストされたバケットを所有するアカウントID
    expectedBucketOwner: "123456789012",
    // アップロード完了前に同じキーを持つオブジェクトがすでに存在するかチェックするかどうか
    preventOverwrite: true,
    // S3がデータの整合性を検証できるよう、アップロードするデータのチェックサムを計算するかどうか
    checksumAlgorithm: "crc-32", // 現在は'crc-32'のみサポート
  },
});

import { getUrl } from 'aws-amplify/storage';

// アップロード用の署名付きURLを生成する
const { url, expiresAt } = await getUrl({
  path: 'album/2024/1.jpg',
  options: {
    method: 'PUT',
    expiresIn: 3600, // URLは1時間有効
    contentType: 'image/jpeg',
  }
});

console.log('Upload URL: ', url);
console.log('URL expires at: ', expiresAt);

await fetch(url, {
  method: 'PUT',
  body: file,
  headers: {
    'Content-Type': 'image/jpeg',
  },
});

import { getUrl } from 'aws-amplify/storage';

const { url } = await getUrl({
  path: 'analytics/data.parquet',
  options: {
    method: 'PUT',
    contentType: 'application/octet-stream',
  }
});

// 例: DuckDBを使用してクエリ結果をS3に直接エクスポートする
await duckdb.query(`
  COPY (SELECT * FROM processed_data)
  TO '${url}'
  (FORMAT PARQUET)
`);