1、页面中的控件
Code
<asp:Image ID="img_userhead" runat="server" onerror="this.src='/_layouts/images/no_pic.gif';" />
<input id="hidd_img" type="hidden" runat="server" />
<input id="hidd_headimg" type="hidden" runat="server" />
<br />
<input id="htnl_bt_choosepic" name="htnl_bt_choosepic" type="button" value="Choose Picture" onclick="SelectMyImage();return false;" />
<input id="btn_PictureURLClearImage" type="button" value="Remove" onclick="javascript:MyUserImageCallback('__RESET__');return false;" style="display:none;" />
<asp:Image ID="img_userhead" runat="server" onerror="this.src='/_layouts/images/no_pic.gif';" />
<input id="hidd_img" type="hidden" runat="server" />
<input id="hidd_headimg" type="hidden" runat="server" />
<br />
<input id="htnl_bt_choosepic" name="htnl_bt_choosepic" type="button" value="Choose Picture" onclick="SelectMyImage();return false;" />
<input id="btn_PictureURLClearImage" type="button" value="Remove" onclick="javascript:MyUserImageCallback('__RESET__');return false;" style="display:none;" />
2、js部分
Code
function MyUserImageCallback(ret)
{
var imgId = '<%=img_userhead.ClientID %>';
var clearId = 'btn_PictureURLClearImage';
var headimg = '<%=hidd_headimg.ClientID %>';
if (ret) {
if(ret=='__RESET__')
{
document.getElementById(imgId).onload = 'imgResizeMax(\'<%=img_userhead.ClientID %>\', 100);';
document.getElementById(imgId).src =document.getElementById(headimg).value;
document.getElementById(clearId).style.display='none';
document.getElementById('<%=hidd_img.ClientID %>').value = document.getElementById(headimg).value;
}
else
{
document.getElementById(imgId).onload = 'imgResizeMax(\'<%=img_userhead.ClientID %>\', 100);';
document.getElementById(imgId).src = ret;
setTimeout('imgResizeMax(\'<%=img_userhead.ClientID %>\', 100);imgResizeTbl(\'<%=img_userhead.ClientID %>\');', 1);
setTimeout('imgResizeMax(\'<%=img_userhead.ClientID %>\', 100);imgResizeTbl(\'<%=img_userhead.ClientID %>\');', 100);
document.getElementById(clearId).style.display='';
document.getElementById('<%=hidd_img.ClientID %>').value = ret;
}
}
}
function SelectMyImage() {
var href = '/_layouts/SelectPicture.aspx';
var features = 'resizable: yes; status: no; scroll: no; help: no; center: yes; dialogWidth: 460px; dialogHeight: 240px; width:460;height:240;menubar:no;directories:no;location:no;';
commonShowModalDialog(href, features, MyUserImageCallback, null);
}
function MyUserImageCallback(ret)
{
var imgId = '<%=img_userhead.ClientID %>';
var clearId = 'btn_PictureURLClearImage';
var headimg = '<%=hidd_headimg.ClientID %>';
if (ret) {
if(ret=='__RESET__')
{
document.getElementById(imgId).onload = 'imgResizeMax(\'<%=img_userhead.ClientID %>\', 100);';
document.getElementById(imgId).src =document.getElementById(headimg).value;
document.getElementById(clearId).style.display='none';
document.getElementById('<%=hidd_img.ClientID %>').value = document.getElementById(headimg).value;
}
else
{
document.getElementById(imgId).onload = 'imgResizeMax(\'<%=img_userhead.ClientID %>\', 100);';
document.getElementById(imgId).src = ret;
setTimeout('imgResizeMax(\'<%=img_userhead.ClientID %>\', 100);imgResizeTbl(\'<%=img_userhead.ClientID %>\');', 1);
setTimeout('imgResizeMax(\'<%=img_userhead.ClientID %>\', 100);imgResizeTbl(\'<%=img_userhead.ClientID %>\');', 100);
document.getElementById(clearId).style.display='';
document.getElementById('<%=hidd_img.ClientID %>').value = ret;
}
}
}
function SelectMyImage() {
var href = '/_layouts/SelectPicture.aspx';
var features = 'resizable: yes; status: no; scroll: no; help: no; center: yes; dialogWidth: 460px; dialogHeight: 240px; width:460;height:240;menubar:no;directories:no;location:no;';
commonShowModalDialog(href, features, MyUserImageCallback, null);
}