使用ajaxFileUpload向后台传文件

最新推荐文章于 2024-09-08 13:25:34 发布

LonlySnow

最新推荐文章于 2024-09-08 13:25:34 发布

阅读量1k

点赞数

分类专栏：杂七杂八小功能文章标签： ajaxfileupload 文件上传 javaScript ajax java

本文链接：https://blog.csdn.net/piaoyinluo2316/article/details/84069999

版权

本文介绍如何利用ajaxFileUpload实现文件上传功能。首先点击上传按钮弹出文件选择框，然后选择文件并触发后台接收。在前端，通过绑定按钮点击事件，利用隐藏的input标签选择文件，并在onchange事件中调用submitFile()方法发送文件。后台通过指定的url接收文件，需要引入特定的jar包并在controller中处理文件。

摘要由CSDN通过智能技术生成

一.要实现的功能：

1.点击上传按钮，弹出文件选择框

2.选择文件后，文件传至后台

3.后台文件接收（一般传至后台可以解析，保存等，这里暂不考虑，只讨论后台接收到文件为止）。

二.实现思路以及代码：

1.点击上传按钮，弹出文件选择框

首先，我们需要一个按钮

<a id="uploadButton" class="easyui-linkbutton" >点击上传</a>

其次，为按钮绑定点击事件，我们需要的是点击之后打开文件选择框，这里可以走个捷径，就是触发一个类型为file的input标签click事件。

这里加一个隐藏的input（这里通过accept设置只能接收excel格式的文件）

<input id="fileInput" name="fileInput" type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" style="display:none">

给按钮添加点击事件，触发input的点击事件打开文件选择框。