论坛首页 Web前端技术论坛

js实现编辑用户头像

浏览 26849 次
精华帖 (0) :: 良好帖 (4) :: 新手帖 (2) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-01-22  
兰州,我下载了 ImageMagick 6.3.7.5  ,然后在TOMCAT6下运行你那个,运行不了
0 请登录后投票
   发表时间:2010-01-23  
zhaolaiwei 写道
LZ是说每一个客户端都要装ImagemagicK,太不现实了吧,如果是服务器端还是可以理解的。

当然不是客户端需要装ImagemagicK,是服务器上需要装ImagemagicK
0 请登录后投票
   发表时间:2010-01-23  
haytalent 写道
兰州,我下载了 ImageMagick 6.3.7.5  ,然后在TOMCAT6下运行你那个,运行不了


我也在tomcat6下,完全可以运行,不知道你上面没有报错,请把报错信息说一下,看看我能不能帮你解决以下
0 请登录后投票
   发表时间:2010-01-23  
cuixiping 写道
界面看起来还挺简洁的。
后台上传的功能应该弄成接口形式的(Connector),换任何一种后台语言都可以,只需要在前台改一个设置。CKEditor的那种方式。


其实换成另外语言作为上传也是没有问题,只需要修改avtar.js中的那个上传的url即可,我曾经是用php写的上传,现在由于机器上没有php环境,所以用jsp,下面附上php的代码!
util.php
<?php
	function randomKeys($length) {
		$pattern = "1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ";
		
		for ($i = 0; $i < $length; $i++) {
			$key .= $pattern {
				rand(0, 35)
			};
		}
		
		return $key;
	}
?>



<?php
require('./util.php');

$uploaddir = 'D:\\phpworkspace\\useravtar\\pics\\';
//$uploadfile = $uploaddir.$_FILES['picture']['name'];
$name=randomKeys(10).'.jpg';
$uploadfile = $uploaddir.$name;

if (move_uploaded_file($_FILES['picture']['tmp_name'], $uploadfile)) {
	
	$cmd = "identify -format %wx%h ".$uploadfile;
	exec($cmd, $out);
	list($width, $height) = explode("x", $out[0]);
	
	/*print "File is valid, and was successfully uploaded.  Here's some more debugging info:\n";
	print_r($_FILES);*/
} else {
	/*print "Possible file upload attack!  Here's some debugging info:\n";
	print_r($_FILES);*/
}

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<script language="javascript">
	parent.changePic('<?php echo $name;?>', <?php echo $width;?>, <?php echo $height;?>);
</script>

<body>
</body>
</html>
0 请登录后投票
   发表时间:2010-01-23  
看着还不错啊,楼主厉害哦!
0 请登录后投票
   发表时间:2010-01-24  
图片是能上传到服务器相应的目录的,但是页面就是无法显示已经成功上传的文件,请楼主修改,看看什么地方出问题了。
0 请登录后投票
   发表时间:2010-01-24  
useravtar
0 请登录后投票
   发表时间:2010-01-24  
JAVA的IO又不是不能实现裁剪 为啥还要单独弄东西啊~~
0 请登录后投票
   发表时间:2010-01-24  
不错,谢谢楼主分享,如果能重构下酒跟好了
0 请登录后投票
   发表时间:2010-01-25  
这样的效果好,但是裁剪前需要把图片上传,如果用户误选择,会导致一些小小不便

我最近也需要有这个裁剪功能,但是我想的是,在图片选择后,上传前,如果能对图片进行缩放,画框,然后提交,那么用户体验会更好。

网上找了些,都没有这个效果,都是上传后才能画框,再裁剪。

我就站在巨人肩膀上,修改下,弄好后,发出来
0 请登录后投票
论坛首页 Web前端技术版

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