如何通过动态加载的控件将数据保存到数据库

Question

在我的网站中，我使用了 asp Fileupload 控件来上传文件，点击上传按钮后，将显示一个面板，其中将显示上传的图像以及一个用于编写图像描述的文本区域。写完描述后，我必须将图像连同单击动态创建的保存按钮的描述一起保存到数据库中。请就如何做到这一点提供一些想法。我的前端代码如下：

 <form id="form1" runat="server">

    <div class="transbox" id="mainbk" runat="server" style="position:absolute; top:0px; left:0px; width: 100%; height: 100%;" >
      <asp:FileUpload runat="server" ID="UploadImages" style="background-color:white; position:absolute; font-family:'Palatino Linotype'; font-size:medium; top: 4px; left: 350px; right: 251px;" Width="500px" AllowMultiple="true"/>
        <asp:Button runat="server" ID="uploadedFile" style="position:absolute;  font-family:'Palatino Linotype'; font-size:medium; top: 4px; left: 870px; width: 112px; height: 29px;" Text="Upload" OnClick="uploadFile_Click" />
        <asp:Panel ID="updtpanel" runat="server" CssClass="transbox" style="width:100%;height:100%;left:0px;top:0px;position:absolute" Visible="false">

        </asp:Panel>
     </div>


    </form>

我的后端代码如下：

protected void uploadFile_Click(object sender, EventArgs e)
    {
        if (UploadImages.HasFiles)
        {
           int tid = 0;

           string fileExt = Path.GetExtension(UploadImages.FileName).ToLower();
           if (fileExt == ".jpeg" || fileExt == ".png" || fileExt == ".jpg" || fileExt == ".bmp")
           {
               HtmlGenericControl d = new HtmlGenericControl("div");
               Button btnsave = new Button();
               btnsave.Text = "Save";


               sb.Append("<div class=" + "\"savback\"" + ">");
               sb.Append("<div class=" + "\"head\"" + ">Write Description</div>");

               foreach (HttpPostedFile uploadedFile in UploadImages.PostedFiles)
               {
                   id += 1;
                   tid = tid + 1;
                   string textid = "txt" + tid;
                   filepath = Server.MapPath("~/Images/Gallery/" + uploadedFile.FileName);
                   uploadedFile.SaveAs(filepath);
                   newpath = "../Images/Gallery/" + uploadedFile.FileName;
                   try
                   {
                       updtpanel.Visible = true;

                       sb.Append("<div class=" + "\"dataload\"" + ">");
                       sb.Append("<img class=" + "\"loadimg\"" + "src=" + "\"" + newpath.ToString() + "\"" + " />");
                       sb.Append("<textarea  class=" + "\"txtdes\"" + "id=" + "\"" + textid + "\"" + "></textarea>");
                       sb.Append("</div>");


                   }

                   catch (Exception ex)
                   {
                       Response.Write(ex.Message);
                   }

               }

               sb.Append("</div>");
               d.InnerHtml = sb.ToString();

               updtpanel.Controls.Add(d);
               updtpanel.Controls.Add(btnsave);
           }
           else
           {
               Page.ClientScript.RegisterStartupScript(GetType(), "msgbox", "alert('Please Select only Image Files!!');", true);
           }

        }
        else
        {
            Page.ClientScript.RegisterStartupScript(GetType(), "msgbox", "alert('Please Select a File First!!');", true);        
        }
    }

这是上传前的样子：

上传后看起来像这样

在上传图片下方的文本框中输入描述后，请告诉我如何将其保存到数据库中。

我知道每个人都知道 facebook 如何正确上传专辑图片。同样，我想在上传图像后将其保存在数据库中。如果我没记错的话，在 Facebook 中，描述文本框将被动态创建。他们将如何引用每个描述文本框的内容并将其保存在数据库中。希望我说清楚。

Answer 1

在数据库愿景中，您需要一个至少包含 3 列的表，首先是一个称为 BLOB 列的 VARBINARY 列来存储您的文件，其次是一个 VARCHAR 列来存储您的文件扩展名（例如 .gif、.jpeg），第三个一个 VARCHAR 或 NVARCHAR 列来存储您的标题。但重点是在您的应用程序中，您需要将文件转换为字节数组，然后将其作为 varbinary 参数传递给 sql server。

 private Byte[] getDocumentFormatter(string path)
        {
            FileStream fs = new FileStream(path, FileMode.Open, FileAccess.Read);
            BinaryReader br = new BinaryReader(fs);
            Byte[] bytes = br.ReadBytes((Int32)fs.Length);
            br.Close();
            fs.Close();
            return bytes;
        }

但在 web 环境中，您可以将路径替换为您的输出缓冲区或您为您的站点提供的任何解决方案。总之，使用我上面提到的方法来获取文件的 Byte[] 数组，然后将其与文件一起传递sql server 中存储过程的标题和文件扩展名。