Выберите файл и загрузите содержимое в textarea, используя форму - PullRequest
Новая
       9

Выберите файл и загрузите содержимое в textarea, используя форму

0 голосов
/ 20 сентября 2018

Попытка загрузки текстовых файлов в текстовой области в зависимости от того, какой выпадающий выбран.В настоящее время читатель файла и форма индивидуальны друг для друга.Можете ли вы помочь смешать два вместе?Также пытаюсь сделать это формой AJAX. 

<div id="form_container">
<form id="helperForm" class="helperForms" method="post" action="#">                     
    <ul>
    <li id="li_1" >
    <label class="description" for="Fruit">Fruit </label>
    <select class="element select medium" id="Fruit" name="Fruit"> 
    <option value="" selected="selected"></option>
    <option value="Apple" >Apple</option>
    <option value="Orange" >Orange</option>
    <option value="Grape" >Grape</option>
    </select>
    </li>

    <li class="buttons">

    <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
    <button type="reset" value="Reset">Reset</button>
    </li>
    </ul>
</form> 
</div><!--form_container !-->

<input type="file" id="myFile">
<hr>
<!--<div style="width: 300px;height: 0px" id="output"></div>-->
<textarea style="width:500px;height: 400px" id="output"></textarea>

<script type="text/javascript">
var input = document.getElementById("myFile");
var output = document.getElementById("output");

input.addEventListener("change", function () {
  if (this.files && this.files[0]) {
    var myFile = this.files[0];
    var reader = new FileReader();

    reader.addEventListener('load', function (e) {
      output.textContent = e.target.result;
    });

    reader.readAsBinaryString(myFile);
  }
});
</script>

Большое вам спасибо.

...