通过按钮单击上传图像

本文关键字:图像 单击 按钮 | 更新日期: 2023-09-27 18:33:13

我必须通过单击图像按钮上传图像。我尝试使用以下代码。

<head runat="server">
<title></title>
<script>
    function browse() {
        document.getElementById('<%= FileUpload1.ClientID %>').click();
 }
  </script>
   </head>
<body>
<form id="form1" runat="server">
<div>
  <asp:toolkitscriptmanager ID="ToolkitScriptManager1" runat="server">
  </asp:toolkitscriptmanager>           
  <asp:FileUpload ID="FileUpload1" runat="server" />
  <asp:ImageButton ID="ImageButton1" runat="server" OnClientClick="browse();"
  ImageUrl="logo.gif" />
 </div>
 </form>
 </body>

在图像按钮上单击浏览窗口打开。但是当我单击图像并打开它时,该图像路径在上传控件文本框中不可见,就像我们通常使用没有图像按钮的上传控件一样。这意味着上传控制。哈斯文件是假的谁能帮我解决这个问题?

提前致谢

通过按钮单击上传图像

当您使用文件上传器浏览图像时,路径会自动出现在文本框中。

无需为此拍摄额外的眉毛或图像按钮。

眉毛按钮是默认给出的。

您可以在以下链接中学习带有图形表示的文件上传器教程:

http://www.devmanuals.com/tutorials/ms/aspdotnet/fileupload.html

如果要保存图像,请在代码中使用此函数:

protected void btnUploadClick(object sender, EventArgs e) 
{ 
    HttpPostedFile file = Request.Files["myFile"]; 
    if (file != null && file.ContentLength ) 
    { 
        string fname = Path.GetFileName(file.FileName); 
        file.SaveAs(Server.MapPath(Path.Combine("~/App_Data/", fname))); 
    } 
} 

对图像按钮使用以下代码:

OnClientClick="browse(); return false;"