sql.jsのdbファイルをサーバーに直接アップロードしたい

Question

前提・実現したいこと

自宅のApacheサーバーでsqlite3を扱う。
ただし、sqliteはsql.jsを使用して、ユーザー側でINSERTしたデータを
手元にダウンロードせず、ファイルをアップロードさせたい。

作成中のソースコード

initSqlJs({
  locateFile: filename => "./sql-wasm.wasm"
}).then(SQL => {
  const xhr = new XMLHttpRequest();
  xhr.open('GET', '../sql.db', true);
  xhr.responseType = 'arraybuffer';
  xhr.onload = function(e){
    document.querySelector(".btn").addEventListener("click",function(){
      db.run('INSERT INTO memo VALUES(1,"foo","bar");');
      const blob = new Blob([db.export()]);
      const xhr = new XMLHttpRequest();
      xhr.open("POST","upload.php",true);
      xhr.responseType = "arraybuffer";
      xhr.onload = function(){
        console.log(xhr.response);
      }
      /* ここでsql.dbのblobデータを送りたい */
      send_data = "upload_file=";
      xhr.send(send_data);
    });
  }
});

<code>
  <?php
    $uploadForm = "upload_file";
    $uploadFileName = "./sql.db";
    $tmp_file = $_FILES[$uploadForm]["tmp_name"];
    if(!empty($tmp_file) && is_uploaded_file($tmp_file))
      echo var_dump($tmp_file);
    else
      echo "GET Method or No File"
  ?>
</code>

質問

phpのコード自体普段のアップロードから引用してきているものなので、
そもそもデータの扱い方を間違えているかもしれません。

今回のような場合、
xhr.sendのデータはnew Formdataで扱う方が楽なのでしょうか.

自分用のサーバーなので、複数人が扱うことは考えていないため、
phpでsqliteを扱うことは考えず、ローカルで作成したdbファイルをアップロードしたいだけということになります。

Answer 1

blobデータを送りたい

大抵は、FormDataオブジェクトをsend()の引数に入れます。

Comments

[sk-sora--ypi]

わかりました、ありがとうございます。

[m.ts10806]

念のため、どのように理解されたかフィードバックください。
https://teratail.com/help/question-tips#questionTips4-2

[sk-sora--ypi]

添付していただいた、mozillaにしたがって、FormDataのappendを使用しようと思います。

もともとは質問のjavascriptにあるようにsend_data="upload_file="+blobで試しましたが、そもそもblobが読解可能な状態ではなかったので、そもそも方法がわからず質問させて貰っていました。