选择文件后修改file input的label为文件名失败，求排查问题

核心问题点 #

• 事件绑定逻辑冗余混乱：promeniLabelu函数内部重复给.inputslika绑定change事件，而原file input已经通过onchange="promeniLabelu()"触发该函数，导致事件嵌套，无法正确执行。
• 服务端变量误用：试图用PHP的$tempime给客户端JS赋值，但$tempime仅在表单提交后才会生成，页面初始加载时该变量为空；且服务端代码在页面加载阶段已执行完毕，无法实时获取用户刚选择的文件名。
• 语法错误：代码末尾的.change属于无效语法，无任何实际作用。

修复后的代码 #

原生JS版本

function promeniLabelu() {
    const file = document.getElementById('slika').files[0];
    if (file) {
        document.getElementById('slikalabel').querySelector('span').textContent = file.name;
    }
}

jQuery版本（若项目依赖jQuery）

function promeniLabelu() {
    const fileName = $('#slika').val().split('\\').pop(); // 兼容Windows路径，仅提取文件名
    if (fileName) {
        $('#slikalabel span').text(fileName);
    }
}

保留原HTML结构（无需修改）

<input type="file" name="slika" id="slika" accept=".jpg, .jpeg, .png" value="" style="display: none" onchange="promeniLabelu()">

额外说明 #

用户选择文件是客户端实时操作，无需依赖服务端变量，直接通过JS读取file input的files属性即可获取文件名；split('\\').pop()用于处理Windows系统下的文件路径，确保只提取文件名部分。

内容的提问来源于stack exchange，提问作者user21626341