部分前端代码
var upload = layui.upload;
var $ = layui.$;
var file;
//选完文件后不自动上传
upload.render({
elem:'#xueshulunwen-upload-change'
, url: '/user/uploadxueshulunwen.do'
, auto: false
, accept: 'file'
, exts: 'TXT|DOC|XLS|DOCX|XLSX|JPG|PNG|PDF|TIFF|SWF|RAR|ZIP|ARJ|Z'
,field: "stuInfo" //后端利用request.files['stuInfo']来获取上传的文件
, bindAction: '#xueshulunwen-upload-change-action'
,done: function(res){
alert("上传成功!");
}
,error: function(index, upload,res){
//请求异常回调
alert("上传失败!");
}
});
<div class="layui-upload">
<button type="button" class="layui-btn layui-btn-normal" id="xueshulunwen-upload-change">选择文件</button>
<button type="button" class="layui-btn" id="xueshulunwen-upload-change-action">开始上传</button>
</div>
后端代码
@RequestPath("/uploadxueshulunwen.do")
public void uploadxueshulunwen(HttpServletRequest request, HttpServletResponse response) {
System.out.println(request.getAttribute("stuInfo"));
Map<String,Object>map=new HashMap<>();
map.put( "code", 0);
map.put( "status", 200);
JSONUtil.printByJSON(response,map);
}
获取到前端发送过来的文件数据和文件名等
@RequestParam("file") MultipartFile file
<?xml version="1.0" encoding="UTF-8"?>
<module type="JAVA_MODULE" version="4">
<component name="FacetManager">
<facet type="web" name="Web">
<configuration>
<descriptors>
<deploymentDescriptor name="web.xml" url="file://$MODULE_DIR$/web/WEB-INF/web.xml" />
</descriptors>
<webroots>
<root url="file://$MODULE_DIR$/web" relative="/" />
</webroots>
</configuration>
</facet>
</component>
<component name="NewModuleRootManager" inherit-compiler-output="true">
<exclude-output />
<content url="file://$MODULE_DIR$">
<sourceFolder url="file://$MODULE_DIR$/src" isTestSource="false" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
<orderEntry type="library" scope="PROVIDED" name="Tomcat 8.5.58" level="application_server_libraries" />
<orderEntry type="library" name="mylib" level="project" />
<orderEntry type="module-library">
<library name="commons-fileupload-1.2.1">
<CLASSES>
<root url="jar://$MODULE_DIR$/web/WEB-INF/commons-fileupload-1.2.1.jar!/" />
<root url="jar://$MODULE_DIR$/web/WEB-INF/commons-io-1.4.jar!/" />
</CLASSES>
<JAVADOC />
<SOURCES />
</library>
</orderEntry>
<orderEntry type="module-library">
<library name="commons-fileupload-1.2.1 (2)">
<CLASSES>
<root url="jar://$MODULE_DIR$/web/lib/commons-fileupload-1.2.1.jar!/" />
<root url="jar://$MODULE_DIR$/web/lib/commons-io-1.4.jar!/" />
</CLASSES>
<JAVADOC />
<SOURCES />
</library>
</orderEntry>
</component>
</module>