如何使用输入类型文件使用javascript将文本从文件加载到文本区域?

时间:2012-12-05 22:14:52

标签: javascript javascript-events

<script type="text/javascript">
function CopyMe(oFileInput) {
var filePath = oFileInput.value;
    fh = fopen(filePath, 0);
    if (fh!=-1) {
        length = flength(fh);
        str = fread(fh, length);
        fclose(fh);
    }
document.getElementByID('myText').innerHTML = filePath;
}
</script>
<input type="file" onchange="CopyMe(this);"/>
<textarea id="myText"></textarea>

我在文本区域得到任何输出/更改! 我该怎么办 ? 请帮忙!

我使用了以下的php codo,我不知道它是否正确

<?php
function Read($file){
echo file_get_contents($file);
};
?>

以下是javascript:

    function CopyMe(oFileInput) {
    var filePath = oFileInput.value;
    document.getElementByID('text-area3').innerHTML = "<?php Read(filePath);?>";
    }

任何建议...... ???

2 个答案:

答案 0 :(得分:4)

@ apanimesh061你必须使用FileReader api

document.getElementById('files').addEventListener('change', CopyMe, false);
function CopyMe(evt) {
    var file = evt.target.files[0];
    if (file) {
        var reader = new FileReader();
        reader.readAsDataURL(file)
    }
};

http://jsfiddle.net/wAJe4/1/

Mozilla Developer Nework为例记录

答案 1 :(得分:1)

如果您在浏览器中运行此功能,则无法使用JavaScript读取客户端计算机上的文件。