发布表单时无法查看图像数据

Question

问题：无法查看文件图片上传数据。 返回 null

我正在尝试发布广告，我想查看我发布的数据

所以我的表单看起来像这样：

{!! Form::open(['data-remote', 'class' => 'form-vertical', 'route' => 'dashboard.ad.create', 'files' => true, 'id' => 'createAd']) !!}

            <div class="cover_photo">
                {!! Form::label('cover_photo', 'Cover Photo') !!}

                {!! Form::file('cover_photo') !!}
            </div>

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

这是有问题的字段，名为cover_photo

的文件表单字段

我的表单请求类在规则数组中有以下内容

'cover_photo' => 'image',

我正在使用 ajax 发布表单。我在我的控制器中所做的所有事情都是

public function postStoreAd(PostAnAddRequest $request) {
    dd($request->all());
}

奇怪的是我得到了所有其他表单字段数据。 cover_photo 除外 事实上，当我尝试执行以下操作时，我得到 null：

dd($request->file('cover_photo')); // return null

我已经确定我使用的是

'files' => true, // In my Form::open()

请帮忙，谢谢:)

Answer 1

所以在我的 jquery 中，我使用了 data.serialize()，但由于article

，我发现它不起作用

使用这个实现表单，我能够获得我需要的数据

var form = $(this);

var formdata = new FormData(form[0]); //form.serialize() wont work

form.find('div.alert').remove();

e.preventDefault();

var action = $(this).attr('action');

var method = $('input[name=_method]').val() || 'POST';

$.ajax({
    type: method,
    action: action,
    data: formdata, //form.serialize() wont work
    processData: false, // You need this
    contentType: false, // You need this
    dataType: 'json',
    success: function(data) {
        console.log(data);
    },
    error: function(data) {
        var errors = data.responseJSON;

        $.each(errors, function(key, value) {
            console.log(key + ' - ' + value);
            $('#' + key).after('<div class="alert alert-danger">' + value + '</div>');
        });

    }

});