使用Ajax上传用户头像

请问下 头像上传 成功了 但是放回 json 的 时候参数 不对
ErrorException in Arr.php line 145:
array_key_exists(): The first argument should be either a string or an integer

如果将 返回 的 ‘success’=> true 改为 ‘success’=> ‘true’ 没有报错 但是 长传成功后 头像 并没有更换 刷新 才可以

windows平台 开发的 换了 浏览器也不行

目前 解决 方案是 直接 return 了 让后 页面 window.location.reload(); 感觉 不太理想

请问一下 我想使用ajax正常提交表单 应该怎么写ajax代码？ 后台要怎么写？ 能给个代码参考一下吗？

请问老师：我在执行到这里代码 就出错，后面的代码就执行了！老师帮我分析分析 是哪里的问题呢？感谢。

  $destinationPath = 'uploads/';
  $filename = \Auth::user()->id . '_' . time() . $file->getClientOriginalName();
        $file->move($destinationPath, $filename);

        Image::make($destinationPath, $filename)->fit(100)->save(); //执行到这后 出错 
        $user = User::find(\Auth::user()->id);
        $user->avatar = '/' . $destinationPath . $filename;
        $user->save();

avatar:99 Uncaught TypeError: $(…).ajaxForm is not a function
at HTMLInputElement. (avatar:99)
at HTMLInputElement.dispatch (jquery.min.js:3)
at HTMLInputElement.q.handle (jquery.min.js:3)
浏览器报这个错误，怎么解决

视频中提到的 文章在哪里 ？我怎么打不开？

我这边尝试用jquery提交数据，但是一直提示正在上传…中。。。。

$('#image').on('change', function () {
                $('#upload-avatar').html('正在上传...');
                $('#avatar').ajaxForm(options).submit();
            });

似乎没有走到ajaxForm里面

html代码

<div class="text-center">
                            <div id="validation-errors"></div>

                            <img src="{url(Auth::user()->avatar)}" width="120" class="img-circle" id="user-avatar">

                            {!! Form::open(['route' => 'avatar','files'=>true,'id'=>'avatar']) !!}
                            <div class="text-center" style="margin-bottom: 30px">
                                <button type="button" class="btn btn-success avatar-button" id="upload-avatar">
                                    上传新的头像
                                </button>
                            </div>

                            <div class="form-group">
                                {!! Form::file('avatar', ['class' => 'form-control','id'=>'image','accept'=>'image/jpg, image/png']) !!}
                            </div>
                            {!! Form::close() !!}
                            <div class="span5">
                                <div id="output" style="display:none"></div>
                            </div>
                        </div>

js代码

$(document).ready(function () {
            var options = {
                beforeSubmit: showRequest,
                success: showResponse,
                dataType: 'json'
            };
            $('#image').on('change', function () {
                $('#upload-avatar').html('正在上传...');
                $('#avatar').ajaxForm(options).submit();
            });
        });
        function showRequest() {
            $("#validation-errors").hide().empty();
            $("#output").css('display', 'none');
            return true;
        }

        function showResponse(response) {
            if (response.success == false) {
                var responseErrors = response.errors;
                $.each(responseErrors, function (index, value) {
                    if (value.length != 0) {
                        $("#validation-errors").append('<div class="alert alert-error"><strong>' + value + '</strong><div>');
                    }
                });
                $("#validation-errors").show();
            } else {
                console.log(response)
                $('#user-avatar').attr('src', response.avatar);
                $('#upload-avatar').html('更换新的头像');
            }
        }

@那天与你邂逅的波哥，你好，我的也是Failed to load resource: the server responded with a status of 500 (Internal Server Error)这个错误，请问你怎么解决的？

这个功能我实现了，可是我这边还是浏览器那样，选择文件的那个按钮上传。并不是那个上传新的头像按钮上传的。我不知道为什么按钮样式没有改变呢。还有，麻烦问下更换头像，特别感谢的那个logo引入的css在哪里呢？bootstrap下载的文件里面好像没有啊。谢谢

功能可以实现但是图片没有变化需要刷新是哪里出了问题？

①如果出现POST http://localhost:8888/avatar 500 (Internal Server Error)类似这样的问题 首先返回控制台查找错误信息，一般是后台代码出错，比如Class Image之类没有引入，这个时候就返回上一个视频去仔细核对，注意一定要引入Intervention\Image\Facades\Image;然后Image::make($destinationPath.$filename)->fit(200)->save();
②JS文件不需要引入两个，比如前几个视频中讲到社区样式的可以和这期视频的JS文件合并，大概只需要引入2.1.4和bootstrap和form.js这三个文件
坑挺多的，毕竟Laravel已经不是前几年的版本了，需要自己多注意

需要用到的代码片段直接去Jelly github地址获取就行 js文件也是 还有这里一定要写对 应该都不会出问题的:

return \Response::json([
            'success' => true,
            'avatar'  => asset($destinationPath.$filename),
        ]);