文件上传 fileupload

</pre>文件上传做一个笔记。<p></p><p>页面导入fileupload的插件包 jquery.fileupload.js、jquery.fileupload-process.js、jquery.fileupload-validate.js；</p><p>放一个input的元素 </p><p></p><pre name="code" class="html"><form class="hide"><input id="fileupload" type="file" name="imageFile" />
</form>

js代码

$('#'+fileinputid).fileupload({url:window.contextPath+url,type : 'POST',dataType : 'json',progressall: function (e, data) {//进度条//console.log(data);var progress = parseInt(data.loaded / data.total * 100, 10);$('.progress .progress-bar').css('width',progress + '%');$('.progress .progress-bar').text(progress + '%');},add:function(e,data){//在选中文件开始上传之前添加一个进度条的显示域var html = '<div class="modal fade" id="myModal">\<div class="modal-dialog" >\<div class="modal-content">\<div class="modal-body">\<div class="progress">\<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">\0%\</div>\</div>\</div>\</div>\</div>\</div>';$('body').append(html);$('#myModal').modal();data.submit();},done : function(e, data) {$("#myModal").remove();if (data._response.result.success) {callback(data);} else {ZL.alert("faild");}}});

java后台代码的处理

/*** 文件上传** @param module    模块名，对应文件目录* @param imageFile 上传的文件流* @return*/@RequestMapping(value = {"/file/{module}/upload.sj"})@ResponseBodypublic ResultView upload(@PathVariable String module, MultipartFile imageFile) {ResultView rv = new ResultView();rv.setMsg("上传文件失败！");try {if (null != imageFile) {String filepath = saveRsource(module, imageFile);rv.setSuccess(true);rv.setData(filepath);}} catch (IOException e) {logger.error(e.getLocalizedMessage(), e);}return rv;}

/*** 保存文件** @param module   目录名* @param userFile 文件流* @return* @throws IOException*/private String saveRsource(String module, MultipartFile userFile) throws IOException {String originalFilename = userFile.getOriginalFilename(); // 原始文件名String fileName = UUIDGenerator.getUUID() + "." + FileUtils.getFileExtension(originalFilename); // 存储文件名String relativePath = module + "/" + DateUtils.format(new Date(), DateUtils.YYYYMM) + "/" + fileName; // 相对路径String filePath = fileService.getFileserver() + relativePath;// 绝对路径File file = new File(filePath);if (!file.getParentFile().exists()) {file.getParentFile().mkdirs();}FileCopyUtils.copy(userFile.getBytes(), file);return originalFilename + "," + relativePath;}

文件上传 fileupload相关推荐

Angular文件上传---fileUpload的使用
2019独角兽企业重金招聘Python工程师标准>>> 文件上传在系统中是一个很常见的功能,现在将angular文件上传的代码总结一下.在此特别感谢同事陈卫兵提供的思路总结. 1.前 ...
java web fileupload_javaweb 文件上传(fileupload) 下载
1 文件上传 html中通过可以向服务器上传文件.不过后台需要手动解析请求,比较复杂,所以可以使用smartupload或apache的fileupload组件进行文件的上传.smartupload据 ...
ASP.Net Web表单文件上传FileUpLoad
它是一个输入控制器,用于将文件上传到服务器.它在窗体上创建一个浏览按钮,该按钮弹出一个窗口以从本地计算机中选择文件. 要实现FileUpload,我们可以将其从Visual Studio的工具箱中拖动 ...
文件上传-FileUpload
文件上传即从本地磁盘文件中通过IO写入服务器的操作.一般存在一下几种方法完成,例如:Servlet3.0,JSPSmartUpload,FileUpload,框架.本篇章主要介绍FileUpload. ...
文件上传FileUpload
文件上传,它是将一个表单转换成一个二进制的数据流提交,所以不能够使用request.getParameter形式获取参数.因此需要将表单转换成二进制表单. 1.添加依赖 <!--文件上传组件 ...
文件上传fileupload文件接收
form表单提交数据到servlet后,使用fileupload进行接收. fileupload 是由 apache 的 commons 组件提供的上传组件.它最主要的工作就是帮我们解析 reques ...
fileUpload 文件上传
2019独角兽企业重金招聘Python工程师标准>>> 声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权:凯哥学堂旨在促进VIP学员互相学习的基础 ...
web--使用fileupload进行文件上传
FileUpload文件上传 fileUpload是apache的commons组件提供的上传组件,它最主要的工作就是帮我们解析request.getInpustream(). 使用fileUploa ...
Struts2　文件上传,下载,删除
本文介绍了: 1.基于表单的文件上传 2.Struts 2 的文件下载 3.Struts2.文件上传 4.使用FileInputStream FileOutputStream文件流来上传 5.使用Fi ...

文件上传 fileupload

文件上传 fileupload相关推荐

最新文章

热门文章