一、前端页面
1、html
(1)设置input 的type类型为file,代表 用于文件上传。
(2)accept属性,它规定能够通过文件上传进行提交的文件类型。accept值是 MIME 类型列表,多个类型之间用逗号隔开
(3)multiple 属性是 HTML5 中的新属性。属性规定输入字段可选择多个值。多文件上传
2、js
add: function () {var file = document.getElementById("addFile").files[0];if (file == null) { toastr.error('请上传文件');return false; }// 创建form对象var param = new FormData();// 通过append向form对象添加数据param.append('file', file); param.append('token', $('#token').val());// 上传需要将对应的文件类型上传的数据库param.append('fileType', fileType); $.ajax({ cache: false, type: "POST", url: backbasePath + '/apia/v1/file/uploadFile', data: param, async: true, contentType: false, processData: false, success: function (data) { data = eval("(" + data + ")");if ('000000' == data.code) { toastr.success(data.msg);//上传成功之后清楚掉之前选择的文件$("#addFile").val("");// 上传成功之后进行table的重新加载$('#filesList').DataTable().ajax.reload(); } else if ('900000' == data.code) { toastr.error('上传失败!'); } else { toastr.error(data.msg); } $("#upload").modal('hide'); }, error: function () { toastr.error('上传失败!'); $("#upload").modal('hide'); } }); },
二、后端代码
@RequestMapping("/uploadFile" Object upload(HttpServletRequest request, @RequestParam(required = = ( != file && ! fileSize = (fileSize > 1 * 1024 * 1024 RequestResponseTool.getJsonMessage(RespCode.repeat, "上传失败!上传的文件大小超出了1M限制!"String contentType =
Copyright © 2004-2024 Ynicp.com 版权所有 法律顾问:建纬(昆明)律师事务所 昆明市网翼通科技有限公司 滇ICP备08002592号-4