javascript - 使用 JavaScript/jQuery 在文件浏览对话框中单击打开按钮后获取文件名

标签 javascript jquery html file-upload

基本上我是 web 开发的新手,我面临一个与使用 JavaScriptjQuery 打开文件对话框相关的问题我的问题是我怎样才能打开一个文件浏览器对话框并在点击文件对话框中的打开按钮后得到文件路径alert() 方法中的 name

我正在使用以下代码在 JavaScript 中显示对话框

<script type="text/javascript">
    function performClick(node) {
        var evt = document.createEvent("MouseEvents");
        evt.initEvent("click", true, false);
        node.dispatchEvent(evt);
        var pathnew = document.getElementById('theFile').value;

    }
</script>

<a href="#" onclick="performClick(document.getElementById('theFile'));">Open file dialog</a>
<input type="file" id="theFile" />

上面的代码完美地显示了文件浏览对话框,但是当我点击 打开文件对话框 但我需要在单击“文件浏览”对话框下的“打开”按钮后。 请帮助我!

任何帮助都将被挪用!

最佳答案

<form>
    <input type="file">
</form>
<script>
  $(":file").change(function(){
    alert($(":file").val());
  });
</script>

在这里为您把它放在 jsfiddle 上:http://jsfiddle.net/9ytkn/

关于javascript - 使用 JavaScript/jQuery 在文件浏览对话框中单击打开按钮后获取文件名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18874729/

相关文章:

javascript - 单击分割图像(不是正方形)并更改它

javascript - 为桌面和移动设备打包 HTML5 应用程序?

javascript - 如何通过sequelize find函数访问对象返回

javascript - href ="#"保留鼠标悬停属性的替代方案

javascript - 具有不同子名称的递归 JSON 对象显示

html - 如何使用 Bootstrap 制作这样的输出?

javascript - 有没有办法访问 HTML 的 CSS 部分中的 JavaScript 字符串变量?

javascript - 在 jQuery 中使用选择器的最有效方式?

javascript - 增加 XHR 请求会导致网页速度变慢

javascript - 窗口调整大小确定控件父级更小还是更大