如何從 asp:FileUpload 獲取 label 文本並使用 ASP.NET 和 C# 在 Label 中顯示

Question

選擇文件后，我需要上傳的消息應顯示在 label 中。 我試過下面的代碼。 但它不起作用。 請指教。

<asp:FileUpload ID="fileUpload" runat="server" /><br />
<asp:Label ID="labelsuccess" runat="server" Text="uploaded" visible="false"></asp:Label>


<script>
    $(document).ready(function () {
        $('#fileUpload').change(function () {
            var path = $(this).val();
             $('#labelsuccess').innertext
            }
        });
    });
</script>

Answer 1

答案已更新

HTMLElement.innerText 是一個 DOM 屬性，而.text() 是 function 用於通過 jQuery 獲取或設置匹配元素的文本。

https://api.jquery.com/text/#text-text

。文本（）

描述：獲取匹配元素集合中每個元素的組合文本內容，包括它們的后代。

.text( 文本 )

描述：將匹配元素集合中每個元素的內容設置為指定的文本。

所以在你的原始代碼中

 $('#labelsuccess').innertext

您正在調用一些就我而言不存在的屬性。 我希望.innerText存在，但我不確定，因為它是 $ (jQuery) object。

您想更新#labelsuccess 分類對象要做的是調用.text function。

$('#labelsuccess').text(path)

這里我有一個純 jQuery/html 小提琴： https://jsfiddle.net/uboe41hr/ 。 請注意，我已根據 jQuery .on() function 的用法對 HTML 進行了重組。此 function 不斷觀察目標元素（在我的示例中為#fileUploadParent ）以更改其子元素之一（ #fileUpload ） .

但是，基於您使用的是 ASP.NET，可能還有其他注意事項，因此您可能想查看https://learn.microsoft.com/en-us/do.net/api/system.web 中的示例。 ui.webcontrols.fileupload?view.netframework-4.8 。

觀察最后一個資源中的示例，我沒有看到 jQuery 集成，看來 ASP.NET 期望交互元素（在本例中，您希望 jQuery 對其進行操作的元素）由本機 ASP.NET 函數處理。