1

所以我创建了一个自定义文件上传控件，以便我可以自定义文件上传控件的外观。

  1. 我进行了asp:fileupload控制并将显示设置为无；
  2. 我已经采取了asp:label显示选定的文件名
  3. 一个通过java脚本打开文件对话框的html按钮
  4. 在服务器端上传文件的 asp 按钮。以下是javascript代码。在单击 html 按钮（上面的#3）打开文件对话框后，我选择文件。之后，当我单击 asp 按钮（上面的#4）时，它第一次没有被单击。它仅在 Internet Explorer 上发生，在其他浏览器上运行良好。

 function executeFileUploadControl() {
     alert("welcome")
     document.getElementById("fuImage").click();

     return false;
 }

 $(document).ready(function () {

     $('#fuImage').change(function () {
         var filename = $(this).val();
         var lbl = document.getElementById('<%=lblfileName.ClientID%>');

         lbl.innerHTML = filename;

     });
 });

控件

<input ID="fuImage" type="file" runat="server" clientidmode="Static" name="htmlFileUpload"/>
<div style="border:1px solid #000; width:200px; float:left; margin-right:5px;">
    <input type="button" value="Browse" onclick="javascript:executeFileUploadControl();" />
    <asp:Label runat="server" ClientIDMode="Static" id="lblfileName" Text="No file selected"></asp:Label>
</div>
<asp:Button ID="btnUpload" runat="server" Text="Upload"  OnClick="btnUpload_Click" />
4

0 回答 0