php – 如何在不提交的情况下上传和读取text / csv文件？

发布时间：2020-12-13 17:07:50 所属栏目：PHP教程来源：网络整理

导读：我有这个表单,我想阅读上传的文件,然后使用此读取信息填写表单,而无需刷新页面. 例如,第一个单词可能是“Bob”,所以我希望在我的输入文本“First_name”中输入.我一直在尝试使用JQuery或Ajax在线搜索,但我似乎无法找到解决方案. 可以使用前面提到的两种方法

我有这个表单,我想阅读上传的文件,然后使用此读取信息填写表单,而无需刷新页面.

例如,第一个单词可能是“Bob”,所以我希望在我的输入文本“First_name”中输入.我一直在尝试使用JQuery或Ajax在线搜索,但我似乎无法找到解决方案.

可以使用前面提到的两种方法完成吗？如果是这样,如果没有,有人可以指向我链接或我可以学习如何做到这一点？我找到的实例包括使用JQuery上传文件并显示大小而不刷新的地方(这不是我想要的).

我也发现了如何使用iFrame,但这又不是我想要的.我想我总是可以提交包含文本文件相关信息的页面部分,并显示相同的表单,但填写的信息.但我觉得这有点草率,我想知道是否有更好的方法.

谢谢.

解决方法

Firefox有一种方法可以做到这一点,File和FileList API提供了一种获取文件输入元素选择的文件并具有文本检索方法的方法.

一个非常基本的例子：

NB.并非所有浏览器都支持此代码.

[我认为Chrome,Firefox和Opera在撰写本文时都会这样做.]

HTML：

<form>
    <input type="file" name="thefile" id="thefile" />
</form>

<div id="text"></div>

JS(使用jQuery)：

$(document).ready(function() {
    $('#thefile').change(function(e) {
        if (e.target.files != undefined) {
            var reader = new FileReader();

            reader.onload = function(e) {
                $('#text').text(e.target.result);
            };

            reader.readAsText(e.target.files.item(0));
        }

        return false;
    });
});

演示：http://jsfiddle.net/FSc8y/2/

如果所选文件是CSV文件,则可以直接在javascript中处理它.

在这种情况下,.split()将用于拆分行和字段.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!