村农

莫笑农家腊酒浑,丰年留客足鸡豚。


editor.md图片上传实现

冬冬

哈哈,图片可以上传了

其实这个图片挺好看的。还是写点什么吧......


editor.md图片上传

<script type="text/javascript">
      $(function() {
          editormd("my-editormd", {//注意1:这里的就是上面的DIV的id属性值
              width   : "90%",
              height  : 640,
              syncScrolling : "single",
              path    : "/smart-api/htdocs/mdeditor/lib/",//注意2:你的路径
              saveHTMLToTextarea : true,//注意3:这个配置,方便post提交表单

             /**上传图片相关配置如下*/
             imageUpload : true,
             imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
             imageUploadURL : "/smart-api/upload/editormdPic/",//注意你后端的上传图片服务地址
          });
      });
</script>

注意:editor.md期望你上传图片的服务返回如下json格式的内容

{
    success : 0 | 1, //0表示上传失败;1表示上传成功
    message : "提示的信息",
    url     : "图片地址" //上传成功时才返回
}

图片名称,即 name="editormd-image-file",因为在后台获取图片时,要知道图片名称,即约定接口。如:

<input name="editormd-image-file" type="file" />
router.post('/mdEditor/pic',upload.single('editormd-image-file'),function(req,res,next){
    var file = req.file;
    ......
    res.json({url:file.path,success:1,message:'upload success!'});
});

后台语言用的是nodejs,用了multer模块进行图片上传接受。