Question

可能重复：
Reading client side text file using Javascript

我想在客户端打开一个txt文件，用javascript解析它并将解析后的数据发布到带有ajax的服务器页面。我有用于解析和发布的脚本。我现在需要的只是从客户端计算机中选择文件。

我需要的是这样的事情：

<div id="content">
     <button id="selectFile" onclick="return selectFileClick();" />
</div>

当用户单击按钮时，将出现一个文件对话框并返回所选文件。使用此文件名，我将进行其他操作，如解析等。

function selectFileClick()
{
    var fileName = filedialog();
    // parsing file...
    return false;
}

编辑：我不想上传文件，我有一个看起来不像的自定义设计;

<input type="file" id="file">

我需要这样的事情：jquery file dialog plugin

编辑（2）：我通过这种方式解决了问题;

$(function () {
    $("#button1").click(function (event) {
        event.preventDefault();
        $('#file').trigger('click');
    });

    document.getElementById('file').addEventListener('change', readFile, false);
});

at html;

<input id="button1" type="submit" value="add" />
<input type="file" id="file" style="display: none">

我希望这有助于其他人;）

Answer 1

看看这个：HTML File API

这可能是最简单的方法，例如。

<input type="file" id="file">

然后只需将一个函数附加到＆＃34; onChange＆＃34;元素的功能。

编辑：刚刚注意到你正在使用jQuery，所以你真的可以这样做：

$("#file").change(function() { selectFileClick(); });

使用jQuery的Html文件选择器

1 个答案: