上传图片，已经返回正确的图片路径，富文本还是提示上传图片失败

来源：4-13 csrf+富文本编辑器创建文章（下）

飞狐狸

2017-11-07

//图片上传
    public function upload(Request $request){
        $file=$request->file();
        //dd($request->file());exit;
        
        foreach($file as $key => $v){
                $filename=$v->getClientOriginalName();//源文件名
                $kuozhan=$v->getClientOriginalExtension();//扩展名
                $filetype=$v->getClientMimeType();//MimeType
                $realpath=$v->getRealPath();//临时绝对路径
                $filecun=date('Y-m-d-H-i-s').'-'.uniqid().'.'.$kuozhan;
                $reg=Storage::disk('public')->put($filecun,file_get_contents($realpath));
                return asset('storage/'.$filecun);
        }
    	
    }

写回答

1回答

轩脉刃

2017-11-08

已采纳

你先验证下返回的这个图片地址是不是正确的？能在浏览器访问么？如果可以，那么图片上传这块没有问题，然后就是富文本编辑器js这块，确认下是不是和课程里面都一致啊

var editor = new wangEditor('content');
if (editor.config){
editor.config.uploadImgUrl = '/posts/image/upload';

// 设置 headers（举例）
editor.config.uploadHeaders = {
'X-CSRF-TOKEN' : $('meta[name="csrf-token"]').attr('content')
};

editor.create();
}