文件上传ajaxFileUpload.js使用方法 包含后台接收方法

1.   引用ajaxfileupload.js文件,该文件依托于jquery,因此需要先引入jquery库。

文件上传ajaxFileUpload.js使用方法 包含后台接收方法文件上传ajaxFileUpload.js使用方法 包含后台接收方法

2.  JSP页面编写方法。其中type为file的input框为了美观优化,是不显示,但是有用处的确实该部分。

因此,需要调整好text和button类型的高度和宽度,与file类型的input对应。

文件上传ajaxFileUpload.js使用方法 包含后台接收方法文件上传ajaxFileUpload.js使用方法 包含后台接收方法

3.  CSS部分。file的宽度略大于txt和uploadCancleBtn的宽度之和,同时file的位置绝对定位,透明度为0,即不显示出来。

文件上传ajaxFileUpload.js使用方法 包含后台接收方法

文件上传ajaxFileUpload.js使用方法 包含后台接收方法

4.   JS前端交互部分,检测上传文件的类型。使用ajaxFileUpload进行上传,传递fileElementId为file类型input框的id值。

文件上传ajaxFileUpload.js使用方法 包含后台接收方法文件上传ajaxFileUpload.js使用方法 包含后台接收方法

5.   JAVA后端接收与返回。(注意返回的是string类型的Object)

文件上传ajaxFileUpload.js使用方法 包含后台接收方法

文件上传ajaxFileUpload.js使用方法 包含后台接收方法