冷高峰的技术小站

抽空做了个H5页面
需求是这样的：
点击按钮， 从文件系统选择文件， 并上传至服务器，生成二维码， 显示切割预览效果。
然后在手机上扫描二维码，打开另一页面， 在该页面上显示切割好的九张图片，并可长按下载图片。
应用场景：在电脑上打开并上传图片， 然后在手机上保存，发朋友圈的时候， 依次添加这九张图片， 可有九张图构成一个大图的逼格感。

需求分析：

1. 从文件系统选择图片，加载到页面
2. 切割图片
3. 服务器保存图片。
4. 唯一id标识当前用户.
5. 生成二维码
6. 下载页面。

理想实现方案：

1. 使用H5元素<input type='file'> 
2. 使用canvas 切分图片, 并调整大小
3. 使用canvas.toDataUrl()导出图像数据，并上传
4. 上传图片时， 使用随机串标识同一组图片. 服务器端为每组图片生成唯一id， 并将该id对应的文件列表记录到数据库。
5. 使用第三方库生成二维码，生成二维码时，将服务器返回的唯一id作为参数传过去
6. 下载页面根据参数中的唯一id， 向服务器端请求图片组信息， 并一一加载进页面。

制约:

实际实现方案：

学习方向：