JavaScript: Как обновить виджеты страницы из сценария перед отправкой события изменения на ввод? ⇐ Javascript

[Anonymous]

На веб -странице есть виджет ввода файла.
В событии нажатия кнопки нажмите кнопку, последняя строка отправляет событие «изменить» в виджет входного файла.
Событие «Изменение» работает на input .files [0], но входной виджет До сих пор не обновлялся с помощью файла, поэтому он не работает при вызове чтения в виде текста.
Затем обновляется виджет ввода файла. < /p>
Вот последнее из того, что я попробовал, моя лучшая версия.
Я ожидал, что смогу прочитать файл.
Я взял данные ' Передача файлов из Интернета; Это используется в кнопке «Показать событие» ниже. < /p>




Read a text file without manual choice of file



Output
[waiting for text]

Coal


const myFileContent = ['File Content'];
var myFileName = "";
const fileInput = document.querySelector('input[type="file"]');

fileInput.addEventListener('change', function(event) {
input = document.getElementById('file');
var reader = new FileReader();
reader.onload = function () {
var node = document.getElementById('output');
node.textContent = reader.result;};

reader.readAsText(input.files[0]);});

function showEvent(filename) {
var myFilename = filename;

const myFile = new File(myFileContent, myFilename);

// Create a data transfer object. Similar to what you get from a drop event as event.dataTransfer
const dataTransfer = new DataTransfer();

// Add your file to the file list of the object
dataTransfer.items.add(myFile);

// Save the file list to a new variable
const fileList = dataTransfer.files;

// Set your input `files` to the file list
fileInput.files = fileList;

fileInput.dispatchEvent(new Event('change', { bubbles: true }));};





Подробнее здесь: https://stackoverflow.com/questions/794 ... g-a-change