shopnc 图片上传流程分析

很多模块都会遇到一条记录,对应多张图的情况。比如文章模块、租售模块。
可以把这些模块的“多图”,集合在一张表里。这样就可以避免重复的建表。
在shopNC中,就是upload表

根据upload__type和item_id,就能准确取出,属于这篇文章的多张图片。
之所有需要upload_type,是因为多个模块的图片存在一张表里的。文章表里有id为1的记录,租售表中也可能有id为1的记录。




再看文章表的结构,是没有存储任何图片的信息的。





前端表单




js:使用了jquery的fileupload插件





能看出,多图上传,也是挨个处理的。重点是上传成功后,返回了upload表的新记录主键id,以及生成的新文件名。




图片上传成功后,前端页面,接收到服务器响应的json数据(主键id,文件名)。再用js添加标签,显示出图片来。
表中只存了文件名,所以要拼接出完整的路径,才能正确加载图片。
注意,每个图片,加了个隐藏的input,记录了这张图片在upload表中的主键id。 这样,在提交表单时,后台就能接收到。




提到表单后,控制器的处理,部份代码:



发布了17 篇原创文章 · 获赞 15 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/junzi528/article/details/77914504
今日推荐