程序设计周报

 1对商品上传功能进行优化
可进行多图同时上传,并且具有图片预览功能.
完成过程中解决的问题:1使用formData进行文件传输时,同时将多个文件append如formData后,在后台parse时,无法对每张图片都进行更改名称的操作,为了解决这个问题,在前端进行传输时,用for循环对每张图片进行单独传输,并在单张图片传输完成之后使用formData.delete进行删除操作.2在对中文名的图片进行上传时会发生上传不了现象,经过多次试验和排查,最终发现是因为$.ajax使用了异步的传输操作,导致文件还没有传输完成, formData.delete就已经将文件删除掉,因此我为ajax传输添加了async:false,属性使其同步.

2.添加对单个商品进行多图展现功能
现在可以在商品展示页面,对商品图片进行单击从而进入商品详情页面.详情页面中能够展示商品在上传时的其它照片,后续将会更加完善商品单页信息.
如:卖家信息 商品信息(标题,价格,简介,图片,分类) 发布日期 发布地点 留言

3.对上传的图片进行压缩
由于之前在用iphone6测试时,发现上传图片需要花费比较长的时间,因此添加了图片上传的压缩功能,步骤:
（1）用户使用input file上传图片的时候，用filereader读取用户上传的图片数据（base64格式）
（2）把图片数据传入img对象，然后将img绘制到canvas上，再调用canvas.toDataURL对图片进行压缩
（3）获取到压缩后的base64格式图片数据，转成二进制塞入formdata，再通过ajax提交formdata。