首页 > 软件开发 > JavaScript >

js获取文件路径,结果都是C:\fakepath的问题

来源:互联网 2023-03-16 23:56:32 版权归原作者所有,如有侵权,请联系我们

下面介绍js获取文件路径,结果都是C:fakepath的问题的解决方法:E6m办公区 - 实用经验教程分享!

js获取文件路径,结果都是C:fakepath的问题E6m办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • chrome浏览器

方法/步骤

  • 1

    编写demo.htmlE6m办公区 - 实用经验教程分享!

    demo.html代码如下:E6m办公区 - 实用经验教程分享!

    !DOCTYPE html>

    E6m办公区 - 实用经验教程分享!

    html>

    E6m办公区 - 实用经验教程分享!

    head>

    E6m办公区 - 实用经验教程分享!

    script type="text/script" src="demo.js"

    E6m办公区 - 实用经验教程分享!

    /script>

    E6m办公区 - 实用经验教程分享!

    /head>

    E6m办公区 - 实用经验教程分享!

    body>

    E6m办公区 - 实用经验教程分享!

    input id="selectFileInput" type="file" multiple="multiple" list="fileList" />

    E6m办公区 - 实用经验教程分享!

    /body>

    E6m办公区 - 实用经验教程分享!

    /html>E6m办公区 - 实用经验教程分享!

    js获取文件路径,结果都是C:fakepath的问题E6m办公区 - 实用经验教程分享!

  • 2

    编写demo.jsE6m办公区 - 实用经验教程分享!

    demo.js代码如下:E6m办公区 - 实用经验教程分享!

    //选择文件

    E6m办公区 - 实用经验教程分享!

    function selectFiles(e){

    E6m办公区 - 实用经验教程分享!

    var tmpPath = this.value;//获取路径

    E6m办公区 - 实用经验教程分享!

    if(!tmpPath){

    E6m办公区 - 实用经验教程分享!

    return null;

    E6m办公区 - 实用经验教程分享!

    }else if(tmpPath.lastIndexOf('/') > -1){

    E6m办公区 - 实用经验教程分享!

    return tmpPath.substring('0',tmpPath.lastIndexOf('/'));

    E6m办公区 - 实用经验教程分享!

    }else if(tmpPath.lastIndexOf('') > -1){

    E6m办公区 - 实用经验教程分享!

    return tmpPath.substring('0',tmpPath.lastIndexOf(''));

    E6m办公区 - 实用经验教程分享!

    }

    E6m办公区 - 实用经验教程分享!

    }E6m办公区 - 实用经验教程分享!

    //页面加载事件

    E6m办公区 - 实用经验教程分享!

    window.onload = function(callback){

    E6m办公区 - 实用经验教程分享!

    document.getElementById("selectFileInput").onchange = selectFiles;

    E6m办公区 - 实用经验教程分享!

    }E6m办公区 - 实用经验教程分享!

    js获取文件路径,结果都是C:fakepath的问题E6m办公区 - 实用经验教程分享!

  • 3

    获取路径和原因分析E6m办公区 - 实用经验教程分享!

    js获取文件路径为:“C:fakepath”;E6m办公区 - 实用经验教程分享!

    原因分析:window系统为了安全考虑,不让从客户端获取文件路径,统一使用C:fakepath代替。E6m办公区 - 实用经验教程分享!

    js获取文件路径,结果都是C:fakepath的问题E6m办公区 - 实用经验教程分享!

  • 3本页面未经许可获取自百度经验
  • 注意事项

    • html和js要正确

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!E6m办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号