Question

PHP后台新闻图片的添加

大侠做没做过新闻管理系统，后台添加新闻，一篇新闻有多段文字描述有多张图片。那它这个添加过程是怎么样的，一张新闻图片配一段文字描述，怎么插入数据库。

Answer 1

　　一般来说，新闻后台管理系统的新闻内容都是用的【富文本编辑器】

　　在编辑内容的过程中，用ajax方式将图片异步传到服务器上并返回地址，再在文本框中使用html的img把标签把图片显示出来

　　整个富文本的内容，先将html实体转换成字符串加以储存，整个文章内容在数据库中以字符串形式储存，读出来的时候将字符串转义为html实体，先可以显示出自定义的文本样式了

　　由于内容是字符串，所以上传一张图片和上传多张图片对于一篇文章来说是无差别的

　　扩展
　　富文本编辑器会根据你的操作，用html标签来保存你的排版信息，你看起来是在编辑一段文字，实际上富文本编辑器已经暗地里把格式转换成了html代码

追问

大侠，文本编辑器添加图片是怎么实现的，比如我点击添加图片，就加入了一个图片用img显示，然后传到了服务器上。然后我再添加一个图片呢，该怎么办，还点击添加图片然后怎么往下实现，再用第二个img显示上传的图片，最后整体的全部文字也好图片也好，都作为字符串插入到新闻表中的一个字段，比如newstext01。那我整个新闻表除了ID，时间，就这一个newstext01字段整个表就3个字段

追答

流程是比较简单的，但具体的代码就很多了，不过网上有海量的demo你可以参考参考

一个新闻发布页面重要的元素大抵是一个textarea，新闻内容都在其中编辑

首先在这个页面加一个input，type为file（不要忘了把表单的enctype设为multipart/form-data）

为这个input添加change的监听事件，当我们选择了一个文件的时候会触发这个事件，我们执行的动作是异步的上传被选中的文件（现在网络上有很多ajax上传文件的插件，你可以自己参考一下，我这边用的较多的是ajaxupload）

在该事件的回掉函数中进行判断，如果上传成功我们手动加一个标签到teatarea中

var t = document.getElementById('textarea-ID');
t.value = t.value + '<img src="' + url + '">';
//这个url是由后台回传的图片地址

删除图片和编辑文字是一样的，退格就行了

保存的时候直接提交整个表单，把textarea的值放入数据库即可