javascript - 在 Bootstrap FileStyle 中如何使用完整路径？

Question

在 Bootstrap 文件样式中 ( http://markusslima.github.io/bootstrap-filestyle/ )我如何使用它来获取完整路径而不是仅获取文件名？

Answer 1

我看到 Bootstrap FileStyle 插件从标准输入文件元素开始。

所以你可以通过以下方式获取它的值:

$("input[type=file]").val();

演示代码:

$(document).ready(function () {
    $(":file").filestyle({
        classButton: "btn btn-primary"
    });

    $("#getFileName").click(function () {
        alert($("input[type=file]").val());
    });
});

演示:http://jsfiddle.net/IrvinDominin/8CpnH/

编辑

如果您想获得完整路径名，您将面临与插件无关但与浏览器安全原因有关的“问题”。

您可以在 SO 上查看一些相关的深入问题，例如 How to get full path of selected file on change of <input type=‘file’> using javascript, jquery-ajax?