异步上传图片

<form id="uploadForm"   class="formStyle"   enctype="multipart/form-data"
method="post" >
<div class="ui-form ui-border-t mt10">
<div class="ui-form-item ui-border-b" style="height: 100px;width:400px"   >
<span id="htmlContent" >
</span>
<label  for="xFile"    style="width: 10px;"  >
<img style="height:80px;width: 75px;padding-top: 4px;padding-left:4px;" src="${basePath}portal/wap/img/uploadImg.png" >
<input type="file" id="xFile" name="__file" accept="image/png,image/gif"
style="position:absolute;clip:rect(0 0 0 0);"
onchange="uploadImage()">
<input type="hidden" id="module_mode" name="module_mode" value="3" >
</label>
<i class="u
9cd8
i-icon-close" ></i>
</div>

</div></form>

/**
* 上传图片
*/
function uploadImage(){

var formData = new FormData(document.getElementById("uploadForm"));//表单id
$.ajax({
url: './../../pub/common/upload.file' ,
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (result) {
var dataObj=eval("("+result+")");
if(dataObj.tag==true){

var addhtml="<img id='"+imageVar+"' style='height:80px;width: 75px;padding-top: 4px;padding-left:4px' src='"+dataObj.imgUrl+"' onclick='javascript:removeSelf(this)'>";
$("#htmlContent").append(addhtml);
$("#image"+imageVar).val(dataObj.imgUrl);

}else{
toast(dataObj.msg);

}
}
});

}