jQuery file upload的两种方式

我们在做web开发的时,有时候需要选择文件后里面上传,有时候需要选择文件再加上一些其他操作上传文件。jQuery file upload刚好提供了这两种形式

1
<input id="uploadedfile" name="uploadedfile" type="file" class="file" style="font-size: 15px;" />

当我们需要选择文件后立马上传时:

1
2
3
4
5
6
7
8
9
10
11
12
$("#uploadedfile").fileupload({
dataType: 'json',
url:"controller/uploadFileCSV.do",
acceptFileTypes:"/(\.|\/)(csv)$/i",
change: function (e, data) {
//上传期间回调函数,可以做进度条
},
done: function (e, result) {
//上传完成返回返回值
}
});

第二中就是不立马上传的实现:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$("uploadedfile").click(function(){
uploadFile();
});
function uploadFile(){
$.ajaxFileUpload({
dataType: 'json',
url:"controller/uploadFileCSV.do", //需要链接到服务器地址
acceptFileTypes:"/(\.|\/)(csv)$/i",
secureuri:true,
fileElementId:'uploadedfile',
success: function(data,status){
//上传完成的回调函数
},
error: function(data,status,e){
//print error
alert(e);
//错误处理
}
});
}