So zeigen Sie den Dateinamen in einem readOnly-Textfeld an

Question

Hier ist eine kleine Sache, die ich erreichen möchte. Ich habe eine asp.net FileUpload und eine Textbox. Wenn ein Benutzer auf die DateiUpload klickt und ein Bild von seinem Computer/Gerät auswählt, möchte ich, dass der Bildname sofort in einem Textfeld angezeigt wird, bevor er gesendet wird. Hier ist, was ich versucht habe

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

Es kann immer noch nicht angezeigt werden. WAS BIN ICH MISSE BITTE

Answer 1

Sie vermissen in $("txtImage"). Das sollte so sein:

<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 hat kein schließendes Tag.

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