热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

【原创】JS上传头像,仿flash

flash上传头像多不胜举了,可JS仿flash的见的不多,也是工作需要,就试着写写看!不料,设想还真的可行先看效果图(在FF下):下面是我整个的思路:一、用ajaxFileUpload.j

flash上传头像多不胜举了,可JS仿flash的见的不多,也是工作需要,就试着写写看!不料,设想还真的可行

result 是1或0,表是否上传成功,

size 是缩放比率,默认为1,有缩略图时为缩小的倍数,如果缩略到原来的3/4,size为0.75

msg 如果result=1,msg是文件地址,如果result=0,msg是错误信息

w,h是原图的宽高,如果有缩略图,则为缩略图的宽高。

 

四、选择图片区域

  头像目标大小为175*175,编辑时在右边显示。目标头像要随选区的移动而移动,这个可以定位背景要实现,但它还要随选区的大小变化而变化,这个用背景恐怕是难以实现了吧!

反正我是不知道怎么做

        $(function() {
            $("#divUp").load("uploadAvatar.htm?n="  + Math.random());
        })
        function OnAvatarUploaded(file) {
            $("#img").attr("src", file +  "?n="  + Math.random()); //防止缓存
        }

html:

    
        

            
 />
        

        

        

    

 

*******************

总体思路及步骤到这就完了。

功能没有flash的强大,但一般的上传头像也可以满足了,想生成头像缩略图也很简单,下面会附源码,看一下就知道在哪加了。

handler里代码有点乱,没有整理,不好意思啦!

 下载

 


推荐阅读
author-avatar
右心1477
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有