php - 求使用富文本编辑器的时候 图片上传的思路

Question

我发现 就拿segmentfault来说 插入图片后就直接上传了 因为用浏览器调试的时候 图片地址就会现实为网络图片

Answer 1

一般我是这么做：前端的图片预览时可以通过 base64编码 实现， 最终提交内容时，服务端解码并存储为响应格式的图片，插入数据库等。。。

Answer 2

我猜测你想问的是 点击 插入 按钮后, 图片为什么就上传了是么

过程:

1. 点击编辑器上方 图片 按钮

2. 在 file input 中选择图片

3. 当 插入 按钮被点击时, ajax上传图片,并获取到上传后的地址, 按照 markdown 格式输出到编辑器中