ファイルの分割送信

差分

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

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン		 前のリビジョン
ファイルの分割送信 [2021/05/29 03:32] – [ajaxを利用して非同期的にデータをサーバに送信] 133.11.144.10ファイルの分割送信 [Unknown date] (現在) – 削除 - 外部編集 (Unknown date) 127.0.0.1
行 1: 行 1:
-====== ファイルの分割送信 ====== 
- 
-===== ファイルのアップロードボタンの作成 ===== 
- 
-inputタグのtype属性に"file"を指定することでアップロード用のinputタグを作成できる。 
- 
-  input(type="file", name="file") 
-   
-   
-===== ファイルオブジェクトの取得 ===== 
-inputタグからファイルオブジェクトを取得。inputタグのDOM要素を取得し、filesメソッドでファイルオブジェクトの一覧のリストを取得できる。そこから0番目の要素をとってきてあげればよい 
- 
-  upload_file = $("#inputfile")[0].files[0]; 
- 
- 
-===== ファイルオブジェクトの分割 ===== 
-[[http://bashalog.c-brains.jp/20/12/23-190000.php]] を参照 \\ 
-ファイルオブジェクトに対して、sliceメソッドを使う。 
- 
-  let slice_size = 2 * 1024 * 1024; //切り取るサイズ 2M 
-  splitFile = file.slice(0, slice_size);  
- 
-===== ajaxを利用して非同期的にデータをサーバに送信 ===== 
-送信したいデータを格納したformDataオブジェクトを作成 
- 
-  var formData = new FormData(); 
-  formData.append('file', slice_file); 
-  formData.append('email', email); 
-  formData.append('filename', upload_file.name); 
- 
- 
  
  • ファイルの分割送信.1622259175.txt.gz
  • 最終更新: 2021/05/29 03:32
  • by 133.11.144.10