没有合适的资源?快使用搜索试试~ 我知道了~
首页layui(1.0.9)文件上传upload,前后端的实例代码
资源详情
资源评论
资源推荐
layui(1.0.9)文件上传文件上传upload,前后端的实例代码前后端的实例代码
今天小编就为大家分享一篇layui(1.0.9)文件上传upload,前后端的实例代码,具有很好的参考价值,希望对大家
有所帮助。一起跟随小编过来看看吧
因为公司还在使用老版本的layui,文件上传在新版本中全部重写了,这里记录下老版本layui的文件上传。
前端代码:(引入前端代码:(引入layui相关包)相关包)
<input type="file" lay-type="file" id="xxxxx" name="file" class="layui-upload-file">
这里可以参考layui官方文档,有一点需要注意,name属性是必需的,当你选择好文件后,name属性的值,会在后台被相应
的参数接收。
如果你只写了上面的代码,会发现文件上传的按钮消失了。这很正常,因为框架就是这么设计的。
layui.upload({
url: '/pay_channel/upload'
,before: function(input){
//返回的参数item,即为当前的input DOM对象
$(input).after('<input type="hidden" name="mchId-file" value="11111"/>');
//layer.msg('文件上传中',{zIndex:20180509});
}
,success: function(res){
if(res.code == 'success'){
layer.msg(res.message,{zIndex:20180510});
certLocalPath = res.filePath
}else{
layer.msg(res.message,{zIndex:20180510});
}
}
});
url是请求地址,必须是AJAX请求(POST),必须返回JSON,返回的数据在success中操作,以上代码简单易懂,不用照
抄。
before是指在上传请求进行之前,进行的一些操作,$(input).after('<input type="hidden" name="mchId-file"
value="'+mchIdxx+'"/>');这段代码是为了追加一个参数,参数名字位mchId-file,值为11111,所以后端接收会有两个参数,file
和mchId-file。
后端代码:后端代码:
@RequestMapping("/upload")
@ResponseBody
public String importFile(MultipartFile file, HttpServletRequest request) {
JSONObject object = new JSONObject();
try {
String mchId = request.getParameter("mchId-file");
String originalFilename = file.getOriginalFilename();
// String dirPath = System.getProperty("user.dir")+"/wx";
// String dirPath = this.getClass().getClassLoader().getResource("").getPath()+"wx";
String dirPath = "/xxxx/java/pay/wx/cert";
_log.info("证书上传的文件目录{}", dirPath);
String filePath = "/"+mchId+"_"+originalFilename;
boolean b = new File(dirPath).mkdirs();
file.transferTo(new File(dirPath + filePath).getAbsoluteFile());
object.put("filePath", filePath);
object.put("code", "success");
object.put("message", "文件上传成功");
} catch (IOException e) {
e.printStackTrace();
object.put("code", "fail");
object.put("message", "文件上传失败");
}
return object.toJSONString();
}
获得的file是MultipartFile类对象,org.springframework.web.multipart.MultipartFile
该对象可以获取文件名字getOriginalFilename,获取文件流getInputStream,传输到另一个文件的方法transferTo等。
以上后端方法是将获取到的文件,保存到另一个特别目录中去。
weixin_38618094
- 粉丝: 4
- 资源: 912
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- zigbee-cluster-library-specification
- JSBSim Reference Manual
- c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf
- 建筑供配电系统相关课件.pptx
- 企业管理规章制度及管理模式.doc
- vb打开摄像头.doc
- 云计算-可信计算中认证协议改进方案.pdf
- [详细完整版]单片机编程4.ppt
- c语言常用算法.pdf
- c++经典程序代码大全.pdf
- 单片机数字时钟资料.doc
- 11项目管理前沿1.0.pptx
- 基于ssm的“魅力”繁峙宣传网站的设计与实现论文.doc
- 智慧交通综合解决方案.pptx
- 建筑防潮设计-PowerPointPresentati.pptx
- SPC统计过程控制程序.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0