使用jquery实现论坛中的头像上传

本文详细介绍了如何使用uploadify插件在简单论坛应用中实现用户头像更换功能,包括前端实现、服务端处理及关键代码解析。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  最近在学习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的记录:

转载于:https://www.cnblogs.com/xchd/archive/2012/07/10/2585159.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值