显示文件路径而不仅仅是文件名(jquery)

时间:2014-07-24 18:17:28

标签: jquery html file-upload

当用户上传文件时,我想显示该文件的文件路径。

注意:我,服务器,不需要文件路径,我只想让它显示给userinfo。

我知道有安全问题,但它是否有可能只显示?

我该怎么做?

到目前为止:

        <form method="post" id="fileinfo" name="file" onsubmit="return submitForm();">
            <label>Select a file:</label>
            <input type="file" name="file"/>
        </form>

        <input type="button" value="Submit!!" id="myButton" />

所以当他们选择名为test.txt的文件时,

我的ui将显示C://path//text.txt而不仅仅是test.txt

谢谢!

1 个答案:

答案 0 :(得分:0)

这是一种显示路径的方法

Fiddle

$('#file').change(function(){
    var fileName = $(this).val();
    $('#file_path').text(fileName);
});

主要问题是你无法编辑文件输入上的文字,另一个黑客如下所示:

Fiddle

<div class="hide_text">
    <input id="file" type="file" name="file" />
</div>

.hide_text{
    display:inline-block;
    width:85px;
    overflow:hidden;
}