当前位置: 代码迷 >> Ajax >> Ajax异步下传文件
  详细解决方案

Ajax异步下传文件

热度:546   发布时间:2012-09-03 09:48:39.0
Ajax异步上传文件
$(document).ready(function() {
var uploadBtn = $("#uploadBtn");
var btnVal = uploadBtn.val();
upload = new AjaxUpload(uploadBtn, {
action: '<%=basePath%>improtfromfile.do?method=uploadVoiceFile',
name:'addressBookFile',
autoSubmit: false,
onSubmit : function(file, extension) {
         uploadBtn.val('uploading...');
this.disable();
},
onComplete: function(file, transport) {
uploadBtn.val(btnVal);
this.enable();
var result = eval("(" + transport + ")");
if(result.resultCode=="0"){
//上传成功
  svaeDB();
}else if(result.resultCode=="1"){
  showMessage(res_entry("ugp.synchAddresslist.nopattern"),true,3000);
}else{ showMessage(res_entry("ugp.synchAddresslist.uploadfailed"),true,3000);
}
},
onChange: function(file, extension){
$("#filepath").val(file);
}
});
});

function uploadFile(){
      upload.submit();
}

html文件中内容:
<tr class="tr_pagenumber">
<td nowrap="nowrap" width="30%">
<label resid="ugp.voice.selectVoice">
</label>
</td>
<td nowrap="nowrap" width="70%">
<input type="text" id="filepath" style="width: 250px"
maxlength="120" />
<input type="button" id="uploadBtn" value=""
class="button" resid="ugp.synchAddresslist.choosefile" />
</td>
</tr>
  相关解决方案