修改文件上传按钮 文本及样式
选中内容
<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>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现