论坛首页 Web前端技术论坛

js实现编辑用户头像

浏览 26855 次
精华帖 (0) :: 良好帖 (4) :: 新手帖 (2) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-01-21   最后修改:2010-01-21
目前很多网站都允许用户上传自己的图像,而编辑工具多为flash来实现,而我用javascript来实现,功能包括预览、缩放以及拖动等。前段用html,css加js,后端使用ImageMagicK来进行图片处理,为了方便运行deom程序,里面上传文件以及最终的图片裁减是用jsp来实现的,当然可以使用别的,以前曾经使用php来完成这两个功能,如果真正在java项目中,实现起来更加容易(因为本人一直从事java开发,呵呵)。不多说了,看效果图。如果想要运行demo的话,请把压缩包useravtar.rar,解压到tomcat_home/webapps下,启动tomcat即可,请不要修改应用的名称及useravtar,如果必须修改的,请同时修改avtar.js中定义的变量appName是其保持一致,启动tomcat,输入http://localhost:port/useravtar,应该就可以看到结果了。
哦,对了,需要装ImagemagicK这个软件,看看你们系统是否安装了!



  • 大小: 7.8 KB
  • 大小: 138.7 KB
  • 大小: 35.7 KB
   发表时间:2010-01-21  
上传不了啊
0 请登录后投票
   发表时间:2010-01-21  
String cmd = "identify -format %wx%h " + storeDir + storeName;
        Process process = Runtime.getRuntime().exec(cmd);
        InputStream fis = process.getInputStream();
java.io.IOException: CreateProcess: identify -format %wx%h C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\useravtar\upload\RO4SM3CD.jpg error=2
at java.lang.ProcessImpl.create(Native Method)
at java.lang.ProcessImpl.<init>(Unknown Source)
0 请登录后投票
   发表时间:2010-01-21  
我也不能运行,一直都是正在上传状态
0 请登录后投票
   发表时间:2010-01-21  
哦,对了,需要装ImagemagicK这个软件,看看你们系统是否安装了!
0 请登录后投票
   发表时间:2010-01-22  
应该有问题,我下载了测试了,没有效果。
0 请登录后投票
   发表时间:2010-01-22  
楼主很强大,写的短小精悍!
0 请登录后投票
   发表时间:2010-01-22  
LZ是说每一个客户端都要装ImagemagicK,太不现实了吧,如果是服务器端还是可以理解的。
0 请登录后投票
   发表时间:2010-01-22   最后修改:2010-01-22
我也做过类似的功能效果
没这个强大但至少不需要安装软件
0 请登录后投票
   发表时间:2010-01-22  
界面看起来还挺简洁的。
后台上传的功能应该弄成接口形式的(Connector),换任何一种后台语言都可以,只需要在前台改一个设置。CKEditor的那种方式。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics