小头Sophia

第一个项目终于上线了，是一个叫亲青筹的公益众筹平台，微信端，电脑端还有后台界面大部分都是我完成的，几个月过来，感觉收获了很多，觉得要总结一下。 首先想到的是图片上传的问题。在通常表单数据都是ajax上传的情况下，为了上传图片而去使用form表单感觉很蠢。然后那时候也没有想到用jquery form插件。 后台的同事给的方案是用iframe里写一个form表单，然后上传图片之后自动提交表

主要用了两个html5的 API，一个file，一个canvas，压缩主要使用cnavas做的，file是读取文件，之后把压缩好的照片放入内存，最后内存转入表单下img.src，随着表单提交。 照片是自己用单反拍的，5M多，压缩下面3张分别是600多kb，400多kb，300kb的最后那张失真度很大了，压缩效率蛮高的。   charset="utf-8"/> File API

FormData对象，是可以使用一系列的键值对来模拟一个完整的表单，然后使用XMLHttpRequest发送这个"表单"。 在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。 但上传文件部分只有底层的XMLHttpRequest对象发送上传请求，那么怎么通过jQuery的Ajax上传呢？ 本文将介绍通过jQuery使用For

注：原文链接：http://www.cnblogs.com/wzls/p/5804028.html 上次在纠结图片上传用base64还是form表单，现在感觉好蠢，因为又开辟了第三条道路。 其实也根本用不到form 只需要一个上传文件的input就好了 input id="file" type="file"/> var formData = new Form

最近M端项目中涉及到图片上传功能，现把项目中遇到的一些问题及解决办法分享如下，与各位共同探讨： 一、相关需求： 1. 客户端上限10M 2. 服务器端上限2M 3. 文件过滤 4. 显示上传进度 5. 异步上传 6. 多文件上传 二、需求分析： 1. 实现2，可使用canvas在前端实现压缩(base64)； 2. 实1、3，可采用file.size及/imag