本文介绍了一个结合前端美观与后端处理的文件上传解决方案。通过隐藏file输入框并利用CSS进行布局优化，结合jQuery和ajaxFileUpload实现文件上传功能。后端则负责接收上传文件并返回相应信息。
1. 引用ajaxfileupload.js文件，该文件依托于jquery，因此需要先引入jquery库。
2. JSP页面编写方法。其中type为file的input框为了美观优化，是不显示，但是有用处的确实该部分。因此，需要调整好text和button类型的高度和宽度，与file类型的input对应。
3. CSS部分。file的宽度略大于txt和uploadCancleBtn的宽度之和，同时file的位置绝对定位，透明度为0，即不显示出来。
4. JS前端交互部分，检测上传文件的类型。使用ajaxFileUpload进行上传，传递fileElementId为file类型input框的id值。
5. JAVA后端接收与返回。（注意返回的是string类型的Object
扫一扫
550
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
