sharepoint自定义(Customize)用户信息(userprofile)编辑(edit details)页面调用用户头像(select pictures)上传控件

1、页面中的控件

<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部分

 

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);
}