アップロードした画像をAjax経由でAPIに渡したい

Question

画像をajax経由で送信してAPI側でgetUploadedFiles()を使って受け取りたいです。

画像の情報はimgタグに格納されていて、プレビュー機能やパスの取得はできています。

        $.ajax({
            url: URL,
            type: 'POST',
            contentType: multipart/form-data',
            processData: false,
        }).done(function (result) {
            if(result){
                console.log("成功");
            }
        });

    public function Upload(Request $request, Response $response, array $args) {
       // ここがempty　になります
       $file = $request->getUploadedFiles();
       ...
    }

getUploadedFilesに値が入るようにするにはどうしたらいいでしょうか。よろしくお願い致します。

Comments

[Lhankor_Mhy]

クォーテーションの対応がずれているようです。

[m.ts10806]

Laravel のタグはあった方が良いように思います。

Answer 1

そもそもajaxで送るファイルデータが設定されていませんよね？
input[type=file]でユーザーが選んだファイルをおくるのと
http(s)でどこかのurlから引っ張ってくる画像だと取得の仕方が違います

Comments

[yambejp]

一般にファイルをxhrでおくるならformdataに設定したファイルを
fetchで送りapiからの戻りデータをみてその後の処理をする感じです