js代码:
$(document).ready(function(){
var input = document.getElementById("sendImageFile");
input.addEventListener('change',fileUpload,false);
});
function fileUpload(){
var file = this.files[0];
var fileReader = new FileReader();
// alert(file.type);
if(!/image\/\w+/.test(file.type)){
alert("文件必须为图片!");
return false;
}
fileReader.readAsDataURL(file);
fileReader.onload = function(e){
// alert(this.result);
//往后台上传
// --submit_imagesBase64Api
$.ajax({
url:'submit_imagesBase64Api.do',// 跳转到 action
data:{
imageData:this.result
},
type:'post',
cache:false,
dataType:'json',
success:function(data) {
if(data.errorCode==0){
//成功 }else{
alert(data.errorMsg);
}
},
error : function() {
}
});
}
}
HTMl代码:
<input type="file" id="sendImageFile" style="width: 0px;height: 0px;" >