使用按钮单击上载图像

时间:2013-09-30 05:38:41

标签: c# javascript image file-upload

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

<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>

在图像按钮上单击浏览窗口打开。但是当我点击图像并打开它时,该图像路径在上传控件文本框中是不可见的,就像我们通常使用没有图像按钮的上传控件一样。这意味着上传control.Hasfile为false 任何人都可以帮我这个吗?

提前致谢

2 个答案:

答案 0 :(得分:1)

当您使用文件上传器显示图像时,路径会自动显示在文本框中。

不需要额外的眉毛或图像按钮。

Brows按钮是默认的。

您可以在以下链接中使用图片表示的文件上传器教程:

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))); 
    } 
} 

答案 1 :(得分:0)

使用以下代码进行图像按钮:

的OnClientClick =&#34;浏览();返回false;&#34;