修改文件上传按钮 文本及样式

选中内容

<button style="padding: 10px; border-radius: 10px; color: white; background-color: #008de4;" type="button">上传文件</button> 
<span class="select_title">选中内容</span></p>
<script>
    $(function () {
        // button的单击事件
        $('.select_file').click(function () {
            // 启动文件选择
            $("#hiddenFile1").click();
            return false;
        });
        $("#hiddenFile1").change(function () {

            if ($(this).val() == "") {
                $('#file_val1').html("No file chosen");
                $(this).focus();
                return;
            } else {
                $('#file_val1').html($(this).val());
                $('.select_title').html(this.files[0].name)
            }
        })
        $("#hiddenFile1").blur(function () {

            if ($(this).val() == "") {
                $('#file_val1').html("No file chosen");
                $(this).focus();
                return;
            } else {
                $('#file_val1').html($(this).val());
                $('.select_title').html(this.files[0].name)
            }
        })
    });
    
</script>

 

 

 

posted @     阅读(289)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示