使用jquery实现论坛中的头像上传
最近在学习jquery,突然间想到前一段时间写了一个简单的论坛,但是没有更换头像的功能,就想着使用uploadify插件来实现更换头像的功能。
首先是uploadify插件,网址为http://www.uploadify.com/documentation/, 里面有具体的说明以及使用方法。uploadify使用也比较简单,如下图:
主要就是一个uploadify方法,具体的说明参考上述网址的说明文档,在这里需要说明的swf,uploader,和onUploadSuccess三个参数:
swf: 指向文件夹中的uploadify.swf文件,这个是上传文件的过程中出现的动画。
uploader:相应文件提交的url。
onUploadSuccess:正常上传文件之后的相应事件,其中相应事件有三个参数,第一个参数应该是上传的file本身(我猜的,因为我alert出来是一个object),第二个参数是服务端相应之后返回来的数据,跟执行$.get(),$post(),$.ajax()一样,第三个参数我没有使用不太清楚。在这里我需要返回来上传图片的url,所以服务端就直接返回了图片的url,建议采用json的方式返回。
然后是服务端的编写,服务端定义了一个UserInfo模型,模型如下:
具体的服务函数如下,如此即可将上传的图片保存到MEDIA_ROOT/photos/目录下,UserInfo中也得到img的记录: