这篇文章将为大家详细讲解有关怎么在jQuery中使用FormData上传文件，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
10年积累的成都网站制作、成都做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先
网站设计后付款的网站建设流程，更有
怀化免费网站建设让你可以放心的选择与我们合作。jquery是什么
jquery是一个简洁而快速的JavaScript库，它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器，并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件，是继Prototype之后又一个优秀的JavaScript代码库，能够用于简化事件处理、HTML文档遍历、Ajax交互和动画，以便快速开发网站。
JQuery 函数的提交按钮执行的函数如下：
//批量上传题库
function fileSubmit() {
var questionFile = new FormData();
var fileObj = document.getElementById("questionFile").files[0];
// js 获取文件对象，questionFile为文件选择框的Id
questionFile.append("file", fileObj);
var teacherId=localStorage.getItem("teacherId");
questionFile.append("teacherId",teacherId);
var courseId=localStorage.getItem("courseId");
questionFile.append("courseId",courseId);
$.ajax({
async: false,
type:"post",
url:"/questions/batchUpload",
data:questionFile,
processData : false, //必须false才会避开jQuery对 formdata 的默认处理
contentType : false, //必须false才会自动加上正确的Content-Type
success:function (data) {
layer.msg("上传成功");
example.ajax.reload();
}
});
}
需要注意的是以下两点：
Controller 中的方法如下：
@ApiOperation(value = "批量上传题库")
@RequestMapping(value = "/batchUpload",method = RequestMethod.POST)
public void batchUploadQuestions(HttpServletRequest request) throws Exception{
Collection files = request.getParts();
questionsService.batchUploadQuestions(files);
}Service中的方法如下：
//题库的批量上传
@Override
public void batchUploadQuestions(Collection files) throws Exception {
Iterator it = files.iterator();
Part file = it.next();
Workbook workbook = null;
if (file.getSubmittedFileName().endsWith("xlsx")) {
workbook = new XSSFWorkbook(file.getInputStream());
} else if (file.getSubmittedFileName().endsWith("xls")) {
workbook = new HSSFWorkbook(file.getInputStream());
}
Cell cell = null;
List questionsList = new ArrayList<>();
//判断Excel中有几张表，目前设定为一张表
Sheet sheet = workbook.getSheetAt(0);//获取sheet表
for (int rowIndex = 2; rowIndex <= sheet.getLastRowNum(); rowIndex++) { //获取到一行
Row row = sheet.getRow(rowIndex);
if (row == null) {
continue;
}
Questions questions = new Questions();
List strList = new ArrayList<>();
for (int i = 1; i < row.getLastCellNum(); i++) {
//获取到一列，第一列为序号不需要存入数据库，所以从1开始读
cell = row.getCell(i);
String value = "";
switch (cell.getCellTypeEnum()) {
case _NONE:
break;
case STRING:
value = cell.getStringCellValue();
break;
case NUMERIC:
Pattern points_ptrn = Pattern.compile("0.0+_*[^/s]+");
if (DateUtil.isCellDateFormatted(cell)) {//日期
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
value = sdf.format(DateUtil.getJavaDate(cell.getNumericCellValue()));
} else if ("@".equals(cell.getCellStyle().getDataFormatString())
|| "General".equals(cell.getCellStyle().getDataFormatString())
|| "0_".equals(cell.getCellStyle().getDataFormatString())) {
//文本 or 常规 or 整型数值
DecimalFormat df = new DecimalFormat("0");
value = df.format(cell.getNumericCellValue());
} else if (points_ptrn.matcher(cell.getCellStyle().getDataFormatString()).matches()) {//正则匹配小数类型
value = String.valueOf(cell.getNumericCellValue());//直接显示
}
break;
default:
value = cell.toString();
}
if ((i == 2 || i == 3) && value.equals("")) {//此处设计不需要读入的单元格
strList.clear();
break;
}
strList.add(value);
}
if (strList.size() == 9) {
//对应数据库属性进行存储
questions.setChapter(strList.get(0));
questions.setSection(strList.get(1));
questions.setType(strList.get(2));
questions.setQuestion(strList.get(3));
questions.setAnswerA(strList.get(4));
questions.setAnswerB(strList.get(5));
questions.setAnswerC(strList.get(6));
questions.setAnswerD(strList.get(7));
questions.setAnswerTrue(strList.get(8));
questionsList.add(questions);
}
}
//将前台存进的teacherId也当做文件进行读取
Part file1 = it.next();
InputStream inputStream = file1.getInputStream();
BufferedReader bufferedReader = new BufferedReader(new InputStreamReader(inputStream));
String line = null;
String teacherId = "";
while ((line = bufferedReader.readLine()) != null) {
teacherId = line;
}
//将前台传入的courseId当做文件读取
Part file2 = it.next();
InputStream inputStream1 = file2.getInputStream();
BufferedReader bufferedReader1 = new BufferedReader(new InputStreamReader(inputStream1));
String line1 = null;
String courseId = "";
while ((line1 = bufferedReader1.readLine()) != null) {
courseId = line1;
}
batchSaveQuestionList(teacherId, courseId, questionsList);
}
//SQL 语句拼接后传入DAO层进行数据插入
public void batchSaveQuestionList(String teacherId,String courseId,List questionsList){
String sql = "replace into questions(questionId,courseId,teacherId,chapter,section,type,question,answerA,answerB,answerC,answerD,answerTrue) values";
for(int i = 0;iDAO层的数据插入语句：
@Insert("${sql}")
void batchSaveQuestionList(@Param("sql") String sql);关于怎么在jQuery中使用FormData上传文件就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
当前名称：怎么在jQuery中使用FormData上传文件-创新互联
本文路径：http://kswjz.com/article/esiio.html
