XMLHttpRequestでFILEを送れない

Question

    formdata = new FormData();
    var in=$(':input[name="in"]').val();
    formdata.append('_in',in);
    
    var xhr = new XMLHttpRequest();
     xhr.open("POST","http:....php",false);
     xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');    
     xhr.send(formdata);    

上記のようなリクエストをサーバーに送っても返答がありません

サーバーでは以下のような実装です

if(isset($_FILES["_in"])){
echo "Load";
}

Answer 1

var in=$(':input[name="in"]').val(); は、in が予約語なので使えないので別名に。val() ではファイルを扱えないので、以下記事参照。

あと、Content-Type が違います。（ファイル送信の場合、多分省略しても動くと思われる）

【ajax - javascript xhr file upload without jQuery - Stack Overflow】
http://stackoverflow.com/questions/36475737/javascript-xhr-file-upload-without-jquery

【[JavaScript] HTML5のFileオブジェクトを利用したファイルアップロード】
https://www.ipentec.com/document/document.aspx?page=javascript-upload-file-using-xmlhttprequest-and-file-object

【XMLHttpRequestでファイルをアップロードして中身を表示させるサンプルコード -でじうぃき】
http://onlineconsultant.jp/pukiwiki/?XMLHttpRequestでファイルをアップロードして中身を表示させるサンプルコード

Comments

[seri]

回答ありがとうございます。
valが使えないとのことですが、これは全てFile型にしてから送るとゆう解釈でよろしいでしょうか？

[kei344]

細かいですが「File型」というものはありませんよ。リンク先でのファイルの扱い方を参照ください。

[seri]

FormData()とし、値はForm.text.valueでとり出すようにしましたが、送信先サーバーで
if(isset($_FILES["text"])){
echo "Load";
}
としても、やはり反応してくれません。。

[kei344]

リンク先に .value で取得すると書いてありましたか？

[seri]

file[0]としうけとって見ましたがそれでも受け取れませんでした

[seri]

リンク先を参考に、HtmlではFormを実装し、JavaScriptも書き換えましたがそれでもPHPでは受け取れません。

$_REQUESTだと受け取れるのですが、送るデータにはBlob型もあるのでFILEとして受け取りたいのです。

[kei344]

質問文にHTML/JavaScriptを追記してください。（決して元のコードを消さないでください）