TP前后分离项目后端文本编辑框上传的图片处理

前后分离项目后端的编辑脚本如KindEditor中上传了图片，储存的时候可能用相对路径，这样前端查出来显示不了的问题

上传代码

$baseUrl = str_replace('\\', '/', dirname($_SERVER['SCRIPT_NAME']));
                $upload = new \Think\Upload();
                $upload->maxSize = 3145728;
                $upload->exts = array('jpg', 'gif', 'png', 'jpeg');
                $upload->rootPath = './Upload/images/';//这里要有images这个文件夹
                $upload->autoSub = false;
                $info = $upload->uploadOne($_FILES['imgFile']);

                if ($info) {
                    $data = array('url' => str_replace('./', '/', $upload->rootPath) . $info['savename'], 'error' => 0);
                    exit(json_encode($data));
                }
                else {
                    $error['error'] = 1;
                    $error['message'] = '';
                    exit(json_encode($error));
                }

前端代码

<div style="text-align: left" v-html="help.content"></div>

结果是这样的

 

 

 这里别的处理方式不多说，最简单的办法就是在查询出数据之后做一下替换处理就可以了

 

$res['answer'] = str_replace('src="','src="http://'.$_SERVER['SERVER_NAME'],$res['answer']);