jQuery OCUpload一键上传文件

Posted 2020-10-30 jepson6669

1 引入相关的js文件

<!--引入OCUpload的js文件，之前需要引入jQuery的js文件  -->
<script type="text/javascript" src="${pageContext.request.contextPath }/js/easyui/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.ocupload-1.1.2.js"></script>

2 在页面中提供任意一个元素

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

3  调用插件提供的upload方法，动态修改html页面元素

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

4 服务端接收上传的文件

@Controller
@Scope("prototype")
public class RegionAction extends BaseAction<Region>{
    //属性驱动，接收上传的文件
    private File regionFile;
　　
    public void setRegionFile(File regionFile) {
        this.regionFile = regionFile;
    }
    
    /**
     * 区域导入
     */
    public String importXls(){
        System.out.println(regionFile);
        return NONE;
    }
}