后台系统是nodejs+express 涉及到上传图片 session mongodb
用户表 图库表 设计表,
前端上传组件时ivew的
Upload
后端使用的是
multer
可以说麻雀虽小,五脏俱全...前后端分离,使用mongodb数据库 图片上传到文件夹内
实现的效果:
整个页面包含的功能点有
1:上传图片 可旋转,扩大,缩小,删除,拖动
2:选取图片导入 批量上传,可以上传到自己的图库
3:保存拼图...导出我的设计,生成缩略图,可以导入以前的数据
4:导入我的拼图
5:改变背景 可以使用背景图片,也可以使用颜色
遇到的问题:
双击删除的功能,获取当前事件的对象并获取在整体中的索引,删除.
canva...参数为数组的索引
item:获取一个对象在数组中的索引
第二个问题是 由于canvas上对于引入的图片有跨域的限制,不能转化外域的图片数据
解决办法是在引入图片的时候 设置
crossOrigin:...对于数组的批量插入操作
pictureStore.updateOnePictureStore({_id: req.body.storeId}, {$addToSet: {pictureUrlArr: