Laravel - Ajax 图片上传 - 文件为空

Question

当我尝试使用 ajax 上传文件时，$file 为空。

我试过了：

$file = Input::file('image'); $file= $request->file('image');

jQuery:

$(document).on('submit', '#update_form', function(e){
        e.preventDefault(e);
        $.ajax({
            type: "POST",
            url: '{{route('admin/users/update')}}',
            data: $(this).serialize(),
            dataType: 'json',
            success: function (data) {
                $('.error').fadeOut();
                success(data);
                load_data('{{route('admin/users/edit')}}', '{{ $user->id }}', '{{ $user->part }}');
            },
            error: function (data) {
                $('.success').fadeOut();
                errors(data);
            }
        })
    });

控制器：

public function updateUser(Request $request){

    //$file = Input::file('image');
    $file= $request->file('image');

    return \Response::json( $file );

}

路线：

    Route::post('admin/users/update', ['as' => 'admin/users/update', 'uses' => 'admin\UserController@updateUser']);

表格：

{!! Form::model($user, ['id' => 'update_form', 'files' => true]) !!}

<div class="col-md-12">

    <div class="form-group">
        {{ Form::label(trans('User image')) }}
        {!! Form::file('image', null,['class' => 'form-control', 'placeholder' => trans('Image')]) !!}
    </div>

    {{ Form::hidden('id') }}
    {{ Form::hidden('part', app('request')->input('part')) }}

    {!! Form::submit(trans('Save changes'), ['class' => 'pull-right btn btn-success submit', 'id' => 'submit' ]) !!}

</div>

{!! Form::close() !!}

响应为空或：{}

回复图片：

https://gyazo.com/04e431f16237dfada40c864df96ad412

谢谢！

Answer 1

param 是你的服务器方法参数

FormData fd =new FormData();
fd.append('param',$('input[type=file]').files[0]);

Answer 2

Laravel 6.x 啊终于搞定了，对我来说它的工作方式是首先我使用 jQuery 通过它的表单 ID 获取表单，然后创建一个新的 FormData 实例，通过构造函数传递表单然后，如果您需要将任何内容作为键值对传递到服务器端，请使用附加功能。

<form id="form_id" enctype="multipart/form-data">
        <div class="from-group">
            <label for="title">App name:</label>
            <input type="text" name="title" id ="title_id" class="form-control" placeholder="App name"><br>
        </div>
        <br>
        <div class="form-group">
            <input type="file" id="image" name="cover_image" autocomplete="off" class="form-control" />
           </div>
        <button type="button" onclick="WebApp.CategoryController.onClickAppSubmitButton()" class="btn btn-primary">Submit </button>
    </form>

var form = $("#form_id")[0];
    var formData = new FormData(form);
    formData.append('parent_id','0');
    $.ajax({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: url_app_post,
        method: "POST",
        contentType: false,
        processData: false,
        data: formData,
        success: function (result) {
            var data_array = $.parseJSON(result);
            if (data_array.status == "200") {
                messageHtml += WebApp.CategoryController.getAlertMessage("alert-success", data_array.message);
            } else {
                messageHtml += WebApp.CategoryController.getAlertMessage("alert-danger", data_array.message);
            }

            $(messageView).html(messageHtml);
        },
        error: function (jqXHR, exception) {
            messageHtml += WebApp.CategoryController.getAlertMessage("alert-danger",
                WebApp.CategoryController.getjqXHRmessage(jqXHR, exception));

            $(messageView).html(messageHtml);
        }

    })

 function storeCategory(Request $request, $type){
        try{
            $fileNameToStore='no_image.jpg';
            if($request->hasFile('cover_image')){
                $fileNameWithExt = $request->file('cover_image')->getClientOriginalName();
                $fileName = pathinfo($fileNameWithExt, PATHINFO_FILENAME);
                $extension = $request->file('cover_image')->getClientOriginalExtension();
                $fileNameToStore=$fileName.'_'.time().'.'.$extension;
                $path = $request->file('cover_image')->storeAs('public/cover_images', $fileNameToStore);

            }
            $cat = new Category();
            $cat->title = $request->title;
            $cat->parent_id = $request->parent_id;
            $cat->cover_image=$fileNameToStore;
            $cat->user_id=auth()->user()->id;
            $cat->save();
            return json_encode(array("message"=>"This ".$type." successfully added", "status" => "200"));

        }catch(Exception $e){
            return  json_encode(array("message"=>$type." failed to insert: ".$e->getMessage(), "status" => "403"));
        }

    }