使用ajaxFileUpload向后台传文件

 

一.要实现的功能：

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的点击事件打开文件选择框。