当文件上传对象浏览文件时如何更改文件名的颜色

Question

我有一个 FileUpload 控件：

<asp:FileUpload CssClass="FU" ID="FileToUpload" runat="server" />

CssClass FU 定义为：

.FU {
position:fixed;
margin-top:150px;
margin-left:437px;
height:25px;
color:#F3514C;
}

当页面在 Google Chrome 中加载时，FileUpload 对象状态被写为 "No File Chosen" FileUpload 对象的前面。它的颜色是 CssClass FU 中定义的 color:#F3514C。我想要做的是，当用户使用 FileUpload Browse 按钮浏览文件并在 FileUpload 对象中添加文件并且文件名显示在 FileUpload 状态文本中时，我希望它的文本颜色变为绿色以便用户知道FileUpload 对象已成功读取浏览文件的路径。

非常感谢您的回答。

Answer 1

您可以使用 JQuery 来完成，如下所示：

<asp:FileUpload CssClass="FU" ID="FileToUpload" runat="server" />

<script type="text/javascript">
    $('#' + '<%=FileToUpload.ClientID %>').change(function() {
        var fileName = $(this).val();

        if (fileName != '') {
            $(this).css('color', 'green');
        } else {
            $(this).css('color', 'red');
        }
    });
</script>

当文件上传对象浏览文件时如何更改文件名的颜色

How to change color of filename when fileupload object has a file browsed

c#

asp.net

file-upload