新建主頁面Default.aspx
1:在適當的位置,放置一個上傳附件的UpdatePanel區(qū)域
<atlas:UpdatePanel ID="up_attachment" Mode="Conditional" runat="server">
<ContentTemplate>
<asp:Image ID="img_photo" runat="server" Height="64" ImageUrl="~/images/anonymous.gif"
Width="64" /><br />
<input type="hidden" runat="server" id="hi_src" name="hi_src" value="~/images/anonymous.gif" />
<iframe id="file" name="file" src="attachment.aspx"></iframe>
</ContentTemplate>
</atlas:UpdatePanel> 2:新建上傳文件的頁面
attachment.aspx,然后放上FileUpload控件
<div>
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="OK" OnClick="Button1_Click" />
</div> 3:在
attachment.aspx里面,上傳文件之后調用主頁面的js:
protected void Button1_Click(object sender, EventArgs e)
{
string fileFullPath = fu_photo.PostedFile.FileName;
string fileName = fileFullPath.Substring(fileFullPath.LastIndexOf('\\') + 1);
string fileSavePath = "../Photos/" + fileName;
fu_photo.PostedFile.SaveAs(Server.MapPath(fileSavePath));
Page.ClientScript.RegisterClientScriptBlock(Page.GetType(), "photoscript", "window.top.callBack('" + fileSavePath + "');", true);
4:Default.aspx主頁面里面增加這個函數,處理返回值
用js改變圖片路徑為新上傳的路徑,然后服務器端獲的隱藏字段的值,即為新上傳圖片路徑
上傳頁面時不能獲得js更改后的image控件的屬性值,所以添加一個隱藏字段。。。 <script>
function callBack(fileName)
{
document.getElementById('<%=img_photo.ClientID %>').src=fileName;
document.getElementById('<%=hi_src.ClientID %>').value=fileName;
}
</script>