首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-16 23:56:32 102

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

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

工具/原料

  • 电脑
  • chrome浏览器

方法/步骤

  • 1

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

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

    !DOCTYPE html>

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

    html>

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

    head>

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

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

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

    /script>

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

    /head>

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

    body>

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

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

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

    /body>

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

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

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

  • 2

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

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

    //选择文件

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

    function selectFiles(e){

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

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

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

    if(!tmpPath){

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

    return null;

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

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

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

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

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

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

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

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

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

    }

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

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

    //页面加载事件

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

    window.onload = function(callback){

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

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

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

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

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

  • 3

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

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

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

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

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

    • html和js要正确

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


    标签: JAVASCRIPT

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