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表格导入数据库