java web 发布信息功能小结(1)

发布功能的需求有：文字的发布，图片/表情的发布,以及一些。文字中要求能够按照使用者的逻辑正常输出，包括空格，换行，文字中表情的衔接。表情设定为先从数据库读取到前端，在点击了表情后会出现在文字后面。图片是插入，本人使用的是zyupload插件，个人觉得好用，根据个人需求更改上传页面的样式，在java代码中，可以更改上传的临时保存位置，以及添加上传到服务器的方法。

我们在客户端中，所填写的发布内容，最终都是需要存入数据库中的。数据提交的方法是用表单的提交方式。这里主要总结下是如何使用jq取得数据。文字以及内容包括在内容中的表情，直接就可以取得。重点是图片的取得，图片在使用zyupload插件后，我们可以在上传的页面中的js中，设定一个用于表示图片的标签，只要用来取得图片的路径字段，以便录入数据库后能在读取数据的时候能正常显示出来图片。这里在使用zyupload插件，读取文件时，如果我们一次选中多个图片上传，由于是异步读取，所以我们得到的图片的顺序可能不是我们在前端所看到的顺序。那么如果我们在图片中，比如要在上传的每张图片中添加一些图片的描述，或者是在删除图片时，我们希望的是能图片能对应上其描述内容，在删除图片时不但删除了图片路径，还能准确的删除在上传图片是我们准备用来取路径数据的标签内容。而异步的是发生在zyupload插件js传数据到java中的servlet途中，要保证数据内容能对应上，那么就需要在这一过程前取得数据，而不是在之后。在js传染servlet前，图片的数据，包括内容，都是从第一个到最后一个来有序接收的，我们设定图片和内容的id是增长式的，也就是比如图片id是**1，内容也是XX1，在zyupload插件js中先取得确定。

要保证数据对应，就先在js中添加我们所需要的数据，用input来取值，type可以根据需求设为hidden,
如果是图片描述，那么在导入图片预览的时候也会创建出输入框，数据一起在插件js中取值，再传递到数据处理层。而我们如果在删除需要的图片，我们可以要确保能把对应的图片删除，那么同理，我们可以先设置一个隐藏的input,val值分别为0到~~，我们需要的这里的数字是用来在创建新的标签时候，根据这里标签中的数据来取值传到数据库，而，这个数值就可以用来加在标签中的ID，以便我们需要删除时候，可以准确无误的删除。由于在上传后图片有一个删除的图片控件，我们就不需要另外添加点击事件，因为这样会发生事件冲突，导致有其中一个事件无法正常的运行。不同的浏览器可能出现的问题，在删除了全部图片后，如果再一次只添加一张图片，而这张图片恰好就是我们刚刚删除的最后一张图片，那么就会出现无法上传预览的情况，而除了这样添加外，其他的添加都没有问题。如果不考虑其他问题，这个问题的解决方法是判断点击删除最后一张图片时候，加一个重新加载一个reset form表单的方法。