步骤一:需要在github中下载jquery ajaxFileUpload文件,然后在项目中引入。
下载地址如下:https://github.com/carlcarl/AjaxFileUpload
在头文件中引入方式ajaxFileUpload.js文件,代码如下:
<script type="text/javascript" src="${ctx}/asset/lib/ajaxfileupload.js"></script>
步骤二:在页面中使用jquery ajaxFileUpload,先看看我们的html代码,只有一个input,没有提交按钮,选中直接上传文件,需要用到onchange事件,并定义一个id,html代码如下:
<input type='file' name='files' id="fileUpload" onchange="uploadExcelFile();"/>
然后我们在<script></script>标签中实现ajax文件上传,“fileElementId”属性表示的是input标签中定义的id,这个很重要,代码如下:
function uploadExcelFile() { $.ajaxFileUpload({ url:"./questionType/importExcel", type:"POST", fileElementId :"fileUpload", success:function (data) { }, error:function(erro){ layer.msg('试题导入失败!', {icon: 5, time: 1000}); } }); }
步骤三:在java后台中实现excel文件上传的方法,用到了springmvc的MultipartFile类,形参files要和input中的name="files" 属性一致,代码如下:
@PostMapping("/questionType/importExcel") @ResponseBody public String uploadExportWord(MultipartFile files) { System.out.println("============"+file.getOriginalFilename()); //处理部分省略 return null; }
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理