画像をアップロードして、アップロードした画像で現在の背景 div を置き換える必要があります。これは、.ascx ファイルから行う必要があります。WebUserControl.ascx からの現在の関連コードはすべて次のとおりです。
<div class="box">
<img src="EnergyOilGas-ProductionEnhanced-Oil_Natural-Gas-Recovery_flow_diagram3.jpg" id="myimage" alt="image" height="800px" width="1700px" style="position: absolute;"/>
<div>
<asp:FileUpload ID="FileUpload1" runat="server" />
</div>
<asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Upload" />
そして、変更しようとしている要素の.css:
.box
{
border: 1px solid blue;
margin-bottom: 8px;
width: 1700px;
height: 800px;
float: none;
clear: both;
background-image: url('EnergyOilGas-ProductionEnhanced-Oil_Natural-Gas-Recovery_flow_diagram3.jpg');
}
そして私のコードビハインド (WebUserControl.ascx.cs):
protected void Button2_Click(object sender, EventArgs e)
{
if (FileUpload1.PostedFile != null)
{
string fileExt =
System.IO.Path.GetExtension(FileUpload1.FileName);
if (fileExt == ".jpeg" || fileExt == ".jpg")
{
string FileName = Path.GetFileName(FileUpload1.PostedFile.FileName);
string conn4 = "Host=172.21.98.153; Database=UAT_smartcomm; UserName=iDacAdmin; Password=iDacAdmin2008; port=3306; allow zero datetime = yes";
string upload = "INSERT INTO ScadaImages (FileName, fileExt) VALUES (" + FileName + ", " + fileExt + ")";
DataBase.DataBaseIO.Save(conn4, upload);
string defaultImg = "EnergyOilGas-ProductionEnhanced-Oil_Natural-Gas-Recovery_flow_diagram3.jpg";
string uploadedImg = "" + FileName + "" + fileExt + "";
Image.DisabledCssClass.Replace(defaultImg, uploadedImg);
}
}
}
アイデアは、ユーザーがアップロードした画像を新しい背景画像として設定し、現在の画像を置き換えることです。背景画像要素が .box に格納されていることは知っていますが、コード ビハインド メソッドに加えて、これにも関数が必要かどうかはわかりません。私は何日もこれにこだわっています。誰かが私を助けることができれば、私は非常に義務付けられます.