使用jQuery OCUpload实现excel文件一键上传功能
2018-01-13 21:19
786 查看
使用jQuery OCUpload实现excel文件一键上传功能
js代码//为导入按钮,添加一键上传效果 $("#button-import").upload({ action:'../../area_batchImport.action', onSelect:function(){ //选中文件后,关闭自动提交 this.autoSubmit() = false; //判定文件格式以.xls .xlsx结尾 var filename = this.filename(); var regex = /^.*\.(xls|xlsx)$/; if(regex.test(filename)){ //满足 this.submit(); }else{ $.messager.alert("警告","只能上传.xls .xlsx结尾的文件","warning"); } }, onComplete:function(response){ alert("文件上传成功!"); } });
Action:
@Namespace("/") @ParentPackage("json-default") @Controller @Scope("prototype") public class AreaAction extends BaseAction<Area> { //注入service @Autowired private AreaService areaService; //接收上传文件 private File file; public void setFile(File file) { this.file = file; } //批量区域数据导入 @Action(value="area_batchImport") public String batchImport() throws Throwable{ List<Area> areas = new ArrayList<Area>(); HSSFWorkbook hssfBook = new HSSFWorkbook(new FileInputStream(file)); HSSFSheet sheet = hssfBook.getSheetAt(0); for (Row row : sheet) { //一行数据对应一个区域对象 if(row.getRowNum()==0){ //第一行,跳过 continue; } //跳过空行 if(row.getCell(0)==null||StringUtils.isBlank(row.getCell(0).getStringCellValue())){ continue; } Area area = new Area(); area.setId(row.getCell(0).getStringCellValue()); area.setProvince(row.getCell(1).getStringCellValue()); area.setCity(row.getCell(2).getStringCellValue()); area.setDistrict(row.getCell(3).getStringCellValue()); area.setPostcode(row.getCell(4).getStringCellValue()); areas.add(area); } areaService.saveBatch(areas); return NONE; } }
Service层代码:
@Service @Transactional public class AreaServiceImpl implements AreaService { @Autowired private AreaRepository areaRepository; @Override public void saveBatch(List<Area> areas) { areaRepository.save(areas); } }
dao层:
public interface AreaRepository extends JpaRepository<Area,String> { }
相关文章推荐
- 使用jQuery ocupload插件实现一键上传
- jquery 实现ajax 上传文件的功能(使用插件 ajaxfileupload)
- 使用jQuery Uploadify借助Dorado平台实现批量上传文件动态显示实时上传文件状态
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
- 转:使用 Nginx Upload Module 实现上传文件功能
- Spring MVC使用commons fileupload实现文件上传功能
- 使用ocupload和POI一键上传Excel并解析导入数据库
- 使用ajaxfileupload.js实现上传文件功能
- 如何用nodejs+jquery.ajaxfileupload.js实现文件上传功能
- 使用jquery插件uploadify结合commons fileupload实现多文件上传
- 使用ajaxfileupload.js实现上传文件功能
- 使用ocupload和POI一键上传Excel并解析导入数据库
- Jquery AjaxUpload实现文件上传功能代码实例教程
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
- 简单测试实现 博客园的头像上传功能 使用插件jquery jcrop+fineupload
- 理论---jsp使用jspsmartupload组件实现文件上传功能
- Jquery AjaxUpload实现文件上传功能代码实例教程
- 文件一键上传、汉字转拼音、excel文件上传下载功能模块的实现
- 使用 Nginx Upload Module 实现上传文件功能