如何使用輸入類型文件使用JavaScript將文件中的文本加載到文本區域？

Question

<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);?>";
    }

有什么建議么 ... ？？？

Answer 1

@ 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上有記錄

Answer 2

如果在瀏覽器中運行此程序，則無法使用JavaScript在客戶端計算機上讀取文件。