JavaScript：在文本區域中顯示文件：

Question

我想在文本區域中顯示文件的內容。 我使用此腳本來執行此操作，但是當我單擊“打開”按鈕時，文本不會出現：

   function loadFileAsText()
   {
    document.getElementById("textoNormal").scrollTop=0;
    var fileToLoad = document.getElementById("fileToLoad").files[0];

    var fileReader = new FileReader();
    fileReader.onload = function(fileLoadedEvent)
    {
        var textFromFileLoaded = fileLoadedEvent.target.result;
        document.getElementById("textoNormal").value =   textFromFileLoaded;
    };
    fileReader.readAsText(fileToLoad, "UTF-8");
    id=1;
    }

textoNormal：是我的文本區域的ID

Answer 1

在文件上傳控件的onChange事件中讀取內容文件。

        function OnUpload() {
            var obj = document.getElementById("<%=FleUldLogo.ClientID%>");
            var source = obj.value;
            var file = obj.files[0];
            var textarea=$("#txtar");
            var reader = new FileReader();
            reader.onloadend = function () {
            textarea.value= reader.result;
             }
                    reader.readAsText(file);
            return true;
        }

Answer 2

我在jQuery onClick中調用了您的函數，效果很好，

jQuery的

$(document).ready(function(){
   $('.clickMe').click(function(){
    document.getElementById("textoNormal").scrollTop = 0;
            var fileToLoad = document.getElementById("fileToLoad").files[0];
            var fileReader = new FileReader();
            fileReader.onload = function(fileLoadedEvent)
            {
            var textFromFileLoaded = fileLoadedEvent.target.result;
                    document.getElementById("textoNormal").value = textFromFileLoaded;
            };
            fileReader.readAsText(fileToLoad, "UTF-8");
     id=1;        
    }); 
}); 

的HTML

<textarea id="textoNormal"></textarea>
<input type="file" id="fileToLoad" />

<div  class="clickMe">Click To Read Text File</div>