插件下载:https://pan.baidu.com/s/1gj3Gxoa27neBX1G61-UNKA 密码:f60t
demo.html(文件上传,但不会刷新页面(底层是刷新iframe标签;Ajax不可以上传文件)):
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ocupload</title>
<!-- ocupload插件基于JQuery -->
<script type="text/javascript" src="/js/jquery-1.8.3.js"></script>
<!-- ocupload插件核心JS文件 -->
<script type="text/javascript" src="/js/jquery.ocupload-1.1.2.js"></script>
<script type="text/javascript">
$(function(){
//页面加载完成后,调用插件的upload方法,动态修改了HTML页面元素
$("#myButton").upload({
action:'xxx.action', //文件上传的URL路径
name:'myFile'
});
});
</script>
</head>
<body>
<input id="myButton" type="button" value="上传">
</body>
</html>