shopnc 图片上传流程分析

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

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




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





前端表单




js:使用了jquery的fileupload插件





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




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




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



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值