手动更改图片网址的一部分

Question

I am using an .aspx file along with a C#(aspx.cs) file. The goal is to enter a number in the text box and change a section of a photo's URL, so that when it's submitted it will bring up a different photo.

The .aspx code is:

<form id="form1" runat="server">    
    <form action="demo_reqquery.asp" method="get">
    Enter Pic number: <input type="text" name="pnumber" size="20" />
  <input type="submit" value="Submit" />
</form>
 <div class="logo2">
  <asp:Image ImageUrl="http://www.website.com/pic0001.jpg" runat="server" />
 </div>
</form>

The user enters "pnumber" 0005 in the text box and submits. Then the 0001 in the URL is replaced with the 0005 entered bringing up photo: " http://www.website.com/pic0005.jpg "

Answer 1

If you are ok to change the elements of your form,

<form id="form1" runat="server">
<div>
    <asp:TextBox ID="TextBox1" runat="server" />
    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
    <br />
    <asp:Image ID="Image1" runat="server" />
</div>
</form>

Code behind would be

protected void Button1_Click(object sender, EventArgs e)
{
    Image1.ImageUrl = "http://www.website.com/pic" + TextBox1.Text + ".jpg";
}