用jquery把图片上传到服务器,听起来看起来十分简单的事情,却让我消耗了一天的时间,最后也没有完全解决。过程简单是各种不顺,连悦老大那里也碰到了棘手的问题,所以我也不能贸然去打扰他。只好由我们一个不熟悉前端的后台和一个半熟悉前端的伪前端在一起鼓捣。
项目需求是这样的:
1.用户input控件选择图片;
2.点击打开时选定图片并上传到服务器;
3.服务器返回图片的URL地址并显示在页面上;
4.用户对图片进行裁切并时实预览;
5.点击确认按钮保存裁切后的图片(将裁切坐标及宽高发送给服务器并实现裁切)。
简单的问题一旦涉及到了服务器环境、AJAX、后台、兼容IE8就变得不那么简单了。其实归根到底,还是自己对这块的知识不熟悉。尤其是input控件的file,根本没有实际应用过。
// input的file控件,选中的文件存在了元素下面的files属性里,对应的值是一个数组。
jQuery File Upload:jquery上传文件插件
http://blueimp.github.io/jQuery-File-Upload/
http://bbs.9ria.com/thread-245293-1-1.html
还有问题待解决。