ファイル名をreadOnlyのテキストボックスに表示する方法

Question

ここでは達成したいことが少しあります。私はasp.net FileUploadとテキストボックスを持っています。ユーザーがファイルアップロードをクリックして、自分のコンピュータ/デバイスから画像を選択すると、送信する前に画像名をテキストボックスにすぐに表示します。ここに私が試したものがあります。

<asp:FileUpload ID="Upload" runat="server" ClientIDMode="Static" /> 
<asp:TextBox ID="txtImage" runat="server" ClientIDMode="Static"> 

$('#Upload').change(function() { 

       var filename = $(this).val(); 
       var lastIndex = filename.lastIndexOf("\\"); 
       if (lastIndex > 0) { 
        filename = filename.substring(lastIndex + 1); 
       } 
       $('txtImage').val(filename); 
      }); 

まだ表示されていません。あなたが迷っています。

Answer 1

#が$("txtImage")にあります。これは次のようになります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      console.log("ready!"); 
      $('#Upload').change(function() { 

       var filename = $(this).val(); 
       var lastIndex = filename.lastIndexOf("\\"); 
       if (lastIndex > 0) { 
        filename = filename.substring(lastIndex + 1); 
       } 
       $('#txtImage').val(filename); 
      }); 
     }); 

    </script> 

<asp:FileUpload ID="Upload" runat="server" ClientIDMode="Static" /> 
<asp:TextBox ID="txtImage" runat="server" ClientIDMode="Static"></asp:TextBox> 

Answer 2

TextBox txtImageには終了タグがありません。

<asp:TextBox ID="txtImage" runat="server" ClientIDMode="Static"/>