html-JqueryPHP如何实现SF中Markdown图片显示的功能？

我有类似这样的一个功能，用户上传图片文件后，会被变成markdown格式的地址，类似

<code>![](http://xxx.xxx.com/1.jpg)</code>

我认为这样的显示方式过于臃肿并且不是很好看，也暴露了一些不好看的目录

我发现SF的是类似

<code>![]![图片描述][1]
  [1]: /img/bVuIwN</code>

这样我也不是很喜欢，但是功能很棒。
我最想要的效果是

<code>![](10021555355)
// 括号内一串特定的字符</code>

然后我通过jquey操作dom？或者其他方式实现这个在右边看到图片的效果。大家认为怎么做好？

回复内容：

我有类似这样的一个功能，用户上传图片文件后，会被变成markdown格式的地址，类似

<code>![](http://xxx.xxx.com/1.jpg)</code>

我认为这样的显示方式过于臃肿并且不是很好看，也暴露了一些不好看的目录

我发现SF的是类似

<code>![]![图片描述][1]
  [1]: /img/bVuIwN</code>

这样我也不是很喜欢，但是功能很棒。
我最想要的效果是

<code>![](10021555355)
// 括号内一串特定的字符</code>

然后我通过jquey操作dom？或者其他方式实现这个在右边看到图片的效果。大家认为怎么做好？

应该是加密了目录字符串，提交到后台后再解密得到图片路径返回前端