editor.md上传本地图片

editor.md上传本地图片

最近在使用editor.md来做编辑器,想搞下上传图片,发现资料还是有点少,下边我把editor.md本地图片上传来说下!避免大家在这上边浪费太多的时间。

下边开始:

微信截图_20181123140948.png

点击本地上传后我们这样边要接收上传的文件,要用post接收editormd-image-file他的值,因为这个表单就是这个名字! 

我的代码接收代码:(laravel 我把token关了)

$pic = $request->file('editormd-image-file');
$name=$pic->getClientOriginalName();//得到图片名;
$ext=$pic->getClientOriginalExtension();//得到图片后缀;
$fileName=md5(uniqid($name));
$fileName=$fileName.'.'.$ext;//生成新的的文件名
$bool=Storage::disk('test')->put($fileName,file_get_contents($pic->getRealPath()));
$data['pic']='/upLoadsFiles/'.$fileName;
//{"success":1,"url":"\/upLoadsFiles\/5bdbcb266de8d68c97328f8ccbcb946e.jpg","message":"success"} 
//这个数据格式是编辑器要求的!必须按这样返回~
//这里的success的值 必须是数值int的1或者0不然会没法回显url!1成功  0失败 
//url就是图片的路径这没啥说的,message见名知意描述啥的
return json_encode(array(
   'success'    => 1, 
   'url'       => $data['pic'],
   'message'    =>  'success',
));

这个就配置好了,上传后地址就显示了,点确定就直接显示了!

来看看效果:

微信截图_20181123140928.png

editor.md上传本地图片你会了吗?

editor.md上传本地图片


喜欢(0)

评论 抢沙发

表情