easyui实现文件上传

最新推荐文章于 2025-06-20 14:00:32 发布

今夕不惑

最新推荐文章于 2025-06-20 14:00:32 发布

阅读量3.3w

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： easyui 文件上传

本文链接：https://blog.youkuaiyun.com/MisshqZzz/article/details/80355388

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何利用EasyUI库在jsp中实现文件上传功能，包括前端表单设计和后端文件接收的实现步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jsp表单：

<form id="form1" method="post" enctype="multipart/form-data">
    <input class="easyui-textbox" id="applicationId" name="applicationId">
    <input class="easyui-filebox" data-options="prompt:'浏览'" id="contractFile" name="contractFile" style="width:155px">
    <input class="easyui-filebox" data-options="prompt:'浏览'" id="invoiceFile" name="invoiceFile" style="width:155px">
</form>
<div class="easyui-dialog" id="add" style="width:750px;height:450px;overflow: auto;"
		title="审批" data-options="{closed:true,modal:true,buttons:[
			{text:'提交',iconCls:'icon-save',handler:function(){submit();}},
			{text:'取消',iconCls:'icon-cancel',handler:function(){$('#add').dialog('close')}}
		]}">
</div>

js:

$("#form1").form("submit", {
    type: 'post',
    url: 'addFinancing',
    onSubmit: function (param) {
	param.bdatajson = bdatajson
    },
    success: function (data) {}
});

在后台获取：

@RequestMapping(value = "/addFinancing")
public @ResponseBody String addFinancing(HttpServletRequest request, @RequestParam(value="contractFile")MultipartFile
    contractFile, @RequestParam(value = "invoiceFile")MultipartFile invoiceFile) {
        String applicationId = request.getParameter("applicationId");
        String bdatajson = request.getParameter("bdatajson");
        //在这里对获取到的文件做一些业务上的逻辑操作就可以了
}