OCUpload一键上传插件使用

第一步：将js文件引入页面

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.ocupload-1.1.2.js"></script>

第二步：在页面中提供任意一个元素

<input id="myButton" type="button" value="上传">

第三步：调用插件提供的upload方法，动态修改HTML页面元素

<script type="text/javascript">
	$(function(){
		//页面加载完成后，调用插件的upload方法，动态修改了HTML页面元素
		$("#myButton").upload({
			action:'demoAction_import.action',
			name:'myFile'
		});
	});
</script>

后端：在Action中提供一个File类型的属性，名称和上传的文件输入框名称一致myFile

@Controller
@Scope("prototype")
public class DemoAction extends BaseAction<Demo>{
	//属性驱动，接收上传的文件
	private File myFile;

	public void setMyFile(File myFile) {
		this.myFile = myFile;
	}
	
	/**
	 *导入
	 */
	public String import(){
		System.out.println(myFile);
		return NONE;
	}
}

下一篇：apache POI技术实现Excel表格导入数据库