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对象状态将被写为FileUpload对象前面的“No File Chosen”。其颜色为color:#F3514C，如CssClass FU中所定义。我想要做的是，当用户使用FileUpload浏览按钮浏览文件并在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>

当fileupload对象有浏览文件时，如何更改文件名的颜色

1 个答案: