截图:
jquery即时获取上传文件input file文件名
 
jquery即时获取上传文件input file文件名

代码:
<input type="file" />
<div onclick="uploadfile()" style="width:78px;height:50px;margin-left:5px;background:#00A2D4;float:left;display:block;line-height:50px;text-align:center;color:white;border-radius:3px;cursor:pointer;">选择文件</div>
<div ></div>

<script type="text/javascript">
function uploadfile(){
    $("#choosefile").click();
    
    //jquery获取input file文件名
    var file = $("#choosefile").val();
    var fileName = getFileName(file);
    function getFileName(o){
        var pos=o.lastIndexOf("\\");
        return o.substring(pos+1);  
    }
    $("#filename").html(fileName);
}
</script>

 

 

相关文章:

  • 2021-10-14
  • 2021-06-27
  • 2021-08-04
  • 2022-02-07
  • 2022-02-07
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案