如何使用輸入類型文件使用javascript將文本從文件加載到文本區域？

<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>

我確實在文本區域有任何輸出/改變！我該怎麼辦？請幫忙！如何使用輸入類型文件使用javascript將文本從文件加載到文本區域？

我用的是下面的PHP科多，我不知道它是否是正確的

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

任何建議... ???

來源

2012-12-05 Animesh Pandey

你想要文本區域中實際文件的內容還是輸入文件控制文件的文件名？ –

你用JavaScript來混淆php嗎？ Javascript作爲客戶端語言不支持fileopen等磁盤操作。 –

這已經回答之前 http://stackoverflow.com/a/8137303/1781209 – jxs

@ 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記錄例如

來源

2012-12-05 22:30:14 jxs

啊！這很好！但是，當我加載文件，它不顯示其文本區域中的內容.... –

它沒有爲我工作，請你重新檢查你的jsfiddle鏈接？ –

對不起，什麼都不起作用？ – jxs