前端显示
默认显示:
<tr>
<td width="60" align="right">头像预览:</td>
<td valign="middle">
<img id="edit-preview-photo" src="../../../resources/admin/h-ui/images/headPic.jpg" width="100px">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-map-add" οnclick="uploadPhoto()" plain="true">上传头像</a>
</td>
</tr>
<tr>
<td width="60" align="right">用户头像:</td>
<td><input type="text" id="edit-photo" readonly="readonly" name="photo" value=E:/java/SSMProjects/BaseSsmProjects/web/resources/admin/h-ui/images/headPic.jpg" class="wu-text easyui-filebox easyui-validatebox"/> </td>
</tr>
Ajax发送请求
//属性监听
function uploadPhoto() {
$("#photo-file").click();
}
/**
* 进度条加载
* */
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);
}
}
/**
* 上传图片
* */
func