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表格導入數據庫