ssm ajax uploadfile,ssm+easyui+ajax异步图片上传

//弹出文件选择器

function uploadPhoto(){

$("#photo-file").click();

}

//ajax上传图片

function upload(){

if($("#photo-file").val() == '')return;

var formData = new FormData();

formData.append('photo',document.getElementById('photo-file').files[0]);

$("#process-dialog").dialog('open');

var interval = setInterval(start,200);

$.ajax({

url:'upload_photo.action',

type:'post',

data:formData,

contentType:false,

processData:false,

success:function(data){

clearInterval(interval);

$("#process-dialog").dialog('close');

if(data.type == 'success'){

$("#preview-photo").attr('src',data.filepath);

$("#add-photo").val(data.filepath);

}else{

$.messager.alert("消息提醒",data.msg,"warning");

}

},

error:function(data){

clearInterval(interval);

$("#process-dialog").dialog('close');

$.messager.alert("消息提醒","上传失败!","warning");

}

});

}

//打开预览窗口

function preview(){

$('#preview-dialog').dialog({

closed: false,

modal:true,

title: "预览封面图片",

buttons: [{

text: '关闭',

iconCls: 'icon-cancel',

handler: function () {

$('#preview-dialog').dialog('close');

}

}],

onBeforeOpen:function(){

//$("#add-form input").val('');

}

});

}

//图片上传进度条的设置(可参考easyui的文档)

function start(){

var value = $('#p').progressbar('getValue');

if (value < 100){

value += Math.floor(Math.random() * 10);

$('#p').progressbar('setValue', value);

}else{

$('#p').progressbar('setValue',0)

}

};