Question

jsp页面实现图片预览，截取和上传

类似QQ空间中的头像上传，是使用了什么插件，还是都用了什么技术？新手求教，谢谢

Answer 1

比较常用，而且简单易用的jquery-uploadify插件，支持带进度的多线程上传

用到的是flash的跨域上传模型，这里不用深究

基本文件大致包括

jquery-x.x.x.js

jquery.uploadify.x.js

uploadify.swf 

uploadify.css

使用方式：

	$(function() {
		$("#fileId").uploadify({
			width : 42,
			height : 32,
			swf : 'js/uploadify.swf',
			uploader : 'upload.do;jsessionid=<%=session.getId()%>',
			buttonImage:'image/movetophone_white.png',
			fileSizeLimit : 2048,
			fileObjName : "imgFile",
			method : 'post',
			removeCompleted : true,
			fileTypeExts : "*.gif;*.jpg;*.png;*.jpeg;*.bmp",
			onSelectError : function(file, errorCode, errorMsg) {
				alert("文件过大");
			},
			onUploadStart : function(file) {
				
			},
			onUploadSuccess : function(file, data, response) {
				alert("上传完成");
			},
			onUploadError : function(file, errorCode, errorMsg) {
				alert(errorMsg);
			}
		});
	});
	<input type="file" id="fileId"/>

另，工程中需要引入commons-fileupload的包。

追问

你好，首先感谢你的回应。我刚才仔细看了下有关uploadify的文档，貌似本身不具备截图的功能，而且选择图片后的预览也很少提及，恐怕单纯使用这个插件，无法实现我想要的功能

追答

图片上传成功，回调里将图片路径放到相应位置就可以预览了。至于裁剪可以用另一个jquery插件jcrop，使用也很简单

Answer 2

使用struts2框架自带的上传吧