網(wǎng)上有很多異步上傳的插件炬转，但是正好找到了這個(gè)資源在就這說明一下。
網(wǎng)上很多ajaxfileupload.js算灸，但是我在下載使用之后總是有這樣或那樣的問題扼劈，就想先把這放在這圣誕以后找了，不多說直接上代碼乎婿。
- 引入jquery和ajaxfileupload.js
- html
<input tabindex="3" size="3" name="report" id="report" class="file-prew" type="file" >
- js
$.ajaxFileUpload({
url: "addProject",
type: 'post',
data:{
form_qvyv : $("#form_qvyv").val(),
form_pianqv : $("#form_pianqv").val(),
form_fuzeren : $("#form_fuzeren").val(),
form_covered_area : $("#form_covered_area").val(),
form_delist_time : $("#form_delist_time").val(),
form_project_time : $("#form_project_time").val(),
form_existence_area : $("#form_existence_area").val(),
form_covered : $("#form_covered").val(),
form_structure : $("#form_structure").val(),
inputDescribe : $("#inputDescribe").val()
},
fileElementId: 'report',
dataType: 'JSON',
success: function (data, status) {
}
- 后臺(tái)
@RequestMapping("addProject")
@ResponseBody
public void addProject(@RequestParam(value = "report")MultipartFile report,
String form_qvyv ,
String form_pianqv ,
String form_fuzeren ,
String form_covered_area ,
String form_delist_time ,
String form_project_time ,
String form_existence_area ,
String form_covered ,
String form_structure ,
String inputDescribe )
{
String a = report.getName();
System.out.println(a);
}
注意
type="file" 的input必須要有name测僵，最好name和id一樣
