JSのバイナリファミリーについての簡単な説明

<!-- html 部分 -->
<a id="h">ダウンロードするにはここをクリック</a>
<!-- js 部分 -->
<スクリプト>
  var blob = new Blob(["Hello World"]);
  var url = window.URL.createObjectURL(blob);
  var a = document.getElementById("h");
  a.download = "helloworld.txt";
  a.href = URL;
</スクリプト>

<!-- html 部分 -->
<input type="file" id='f' />
<img id='img' スタイル="幅: 200px;高さ: 200px;" />
<!-- js 部分 -->
<スクリプト>
  document.getElementById('f').addEventListener('change', 関数(e) {
    var ファイル = this.files[0];
    定数img = document.getElementById('img');
    定数 url = window.URL.createObjectURL(ファイル);
    url = 画像ファイル
    img.onload = 関数（）{
        // URL.createObjectURL を呼び出して以前に作成した URL オブジェクトを解放します。window.URL.revokeObjectURL(url);
    }
  }、 間違い）;
</スクリプト>

<!-- html 部分 -->
<input type="file" id='f' />
<!-- js 部分 -->
<スクリプト>
  関数アップロード(blob) {
    var xhr = 新しい XMLHttpRequest();
    xhr.open('POST', '/ajax', true);
    xhr.setRequestHeader('コンテンツタイプ'、'text/plain')
    xhr.send(blob);
  }
  document.getElementById('f').addEventListener('change', 関数(e) {
    var blob = this.files[0];
    定数CHUNK_SIZE = 20; 。
    SIZE = blob.size;
    var 開始 = 0;
    var end = CHUNK_SIZE;
    (開始 < サイズ) {
        アップロード(blob.slice(開始、終了));
        開始 = 終了;
        終了 = 開始 + CHUNK_SIZE;
    }
  }、 間違い）;
</スクリプト>

app.use(async (ctx, next) => {
    次の()を待ちます。
    ctx.path === '/ajax' の場合 {
        定数 req = ctx.req;
        const body = parse(req); を待機します。
        ctx.ステータス = 200;
        コンソールログ(本体);
        コンソールログ('---------------');
    }
});

<input type="file" id='f' />


document.getElementById('f').addEventListener('change', 関数(e) {
    var ファイル = this.files[0];
    const リーダー = 新しい FileReader();
    reader.onload = 関数（）{
        定数コンテンツ = reader.result;
        console.log(コンテンツ);
    }
    reader.readAsText(ファイル);
}、 間違い）;

document.getElementById('f').addEventListener('change', 関数(e) {
  ファイル = this.files[0];
  新しいFileReader()を作成します。
  fileReader.onload = 関数（）{
    定数結果 = fileReader.result;
    console.log(結果)
  }
  fileReader.readAsArrayBuffer(ファイル);
}、 間違い）;

const xhr = 新しい XMLHttpRequest();
xhr.open("GET", "ajax", true);
xhr.responseType = "配列バッファ";
xhr.onload = 関数 () {
    コンソールログ(xhr.response)
}
xhr.send();

const app = new Koa();
app.use(async (ctx) => {
  if (パス名 = '/ajax') {
        ctx.body = 'こんにちは世界';
        ctx.ステータス = 200;
   }
}).listen(3000)

const typedArray1 = 新しい Int8Array(8);
型付き配列1[0] = 32;

const typedArray2 = 新しい Int8Array(typedArray1);
型付き配列2[1] = 42;
 
コンソールにログ出力します。
// 出力: Int8Array [32, 0, 0, 0, 0, 0, 0, 0]
 
コンソールにログ出力します。
// 出力: Int8Array [32, 42, 0, 0, 0, 0, 0, 0, 0]

定数バッファ = 新しいArrayBuffer(16);
const view = 新しい DataView(バッファ);
ビュー.setInt8(2, 42);
コンソールログ(view.getInt8(2));
// 出力: 42

const app = new Koa();
app.use(async (ctx, next) => {
    ctx.path === '/ajax' の場合 {
        const チャンク = [];
        定数 req = ctx.req;
        req.on('データ', buf => {
            chunks.push(buf);
        })
        req.on('end', () => {
            buffer = Buffer.concat(チャンク) とします。
            コンソールログ(バッファ.toString())
        })
    }
});
アプリを聴く(3000)

const xhr = 新しい XMLHttpRequest();
xhr.open("POST", "ajax", true);
xhr.setRequestHeader('コンテンツタイプ'、'text/plain')
xhr.send("asdasdsadfsdfsadasdas");