(C# - GridView) 在代码隐藏中的 LinkButton_Click 上打开隐藏的 FileUpload 对话框

Question

我创造了这个LinkButton我里面GridView ：

<asp:LinkButton ID="LinkButtonOpenFile" CssClass="fa fa-upload" runat="server" OnClick="LinkButtonOpenFile_Click"></asp:LinkButton>

在我的 GridView之外，我创建了一个FileUpload ：

<asp:FileUpload ID="FileUpload1" runat="server" Visible="false"/>

我试图让我的LinkButton使用 Javascript（服务器端和客户端）打开FileUpload对话。 非他们触发。 是因为我的LinkButton在我的GridView吗？

我试过的例子：;

客户端和服务器端 JS：

function openFile(){
        $("#FileUpload1").click();
        }

和

protected void LinkButtonOpenFile_Click(object sender, ImageClickEventArgs e)
    {
        Page.ClientScript.RegisterStartupScript(GetType(), "Javascript", "openFile()", true);
    }

有关如何解决此问题的任何建议？

更新：也试过这个

<asp:LinkButton ID="LinkButtonOpenFile" CssClass="fa fa-upload" runat="server" OnClientClick="openFile();return false;"></asp:LinkButton>

JS：

 function openFile(){
    $("#FileUpload1").click();
    }

Answer 1

我刚刚发现这个代码片段对我有很大帮助：

在你的 html 中做：

<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <span class="file"><!--diesen span kannst du stylen und ist dann anklickbar-->
      Anhänge auswählen
      <input type="file" />
    </span>
  </body>

</html>

将此添加到您的CSS：

.file {
    position: relative;
    overflow: hidden;
}
.file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

你很高兴去:-)

(C# - GridView) 在代码隐藏中的 LinkButton_Click 上打开隐藏的 FileUpload 对话框

问题描述

1 个解决方案

解决方案1
-1 已采纳 2016-10-14 07:52:32

(C# - GridView) 在代码隐藏中的 LinkBut​​ton_Click 上打开隐藏的 FileUpload 对话框

问题描述

1 个解决方案

解决方案1 -1 已采纳 2016-10-14 07:52:32

(C# - GridView) 在代码隐藏中的 LinkButton_Click 上打开隐藏的 FileUpload 对话框

解决方案1
-1 已采纳 2016-10-14 07:52:32