分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

jQuery OCUpload一键上传文件

发布时间:2023-09-06 01:49责任编辑:熊小新关键词:jQuery

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; ???}}

jQuery OCUpload一键上传文件

原文地址:https://www.cnblogs.com/jepson6669/p/8810395.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved