jquery - 在所有浏览器中使用 <input type ="file"> 时如何使用上传文件的 JQUERY 获取完整路径,为什么 IE、Chrome 返回 "c:/fakepath/filname"?

标签 jquery html css forms input

<分区>

JSF CODE LINK HERE

在此代码中,我使用 <input type="file> 并且我想要在用户浏览任何文件后的完整路径。

HTML

<input class="file_upfile" type="file" />
<input class="btn_showpath" type="button" value="Show Full Path"/>
<p class="p_upfilepath">Full path will display here<p>

这里我使用 $('.classname').val(); 函数,但在 FireFox 中只返回 FILENAME.txt(e.g) 并且如果我在 IE 中使用相同的代码Chrome 返回 "C:/fakepath/myfilename.txt"

jQuery

/* Here <p> show only file name, I want a full path of file
   like "c:\something\folder\filename.txt"   */

$('.btn_showpath').click(function(){
    var getpath = $('.file_upfile').val();
    $('.p_upfilepath').slideUp(function(){
        $('.p_upfilepath').text('"'+getpath+'"').slideDown();
    });
});

CSS

.p_upfilepath{
    background:#aaaaaa;
    padding:3px 10px;
    width:auto;
    color:#555555;
}

最佳答案

我认为您无法获得文件的完整路径。

或者文件实际上存储在远程用户的机器上,所以文件位于何处无关紧要。 某些浏览器具有防止 javascript 或任何脚本知道文件的本地完整路径的安全功能。这是有道理的——作为客户端,您不希望服务器知道您本地计算机的文件系统。

关于jquery - 在所有浏览器中使用 &lt;input type ="file"> 时如何使用上传文件的 JQUERY 获取完整路径,为什么 IE、Chrome 返回 "c:/fakepath/filname"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17701017/

上一篇:javascript - 网站无法正常工作的向上滚动按钮

下一篇:javascript - 更改单页网站中部分更改的导航背景

相关文章:

jquery - 如何使用 jQuery 淡入选择选项

css - Bootstrap 无法与 meteor 一起正常工作

JQuery AJAX 自动提交表单

html - onclick 不能可靠地工作

javascript - Jquery,获取在asp.net core中的foreach循环中创建的每个div的文本?

javascript - HTML 按钮文本在无限循环之前不会改变

html - 带有图像的响应式 4 到 2 列网站

css - 通过 css 调整图像大小

jquery - 在文档加载后添加的在 html 上创建事件处理程序的语法

javascript - HTML5 视频 - 淡入淡出效果在 Chrome 上不起作用