Надим

Вам надо смотреть в сторону PowerShell скриптов:
https://yandex.ru/search/?text=powershell+%D0%BA%D...
К сожалению, здесь я помочь не смогу, просто говорю куда копать.

Не работал с галп, но в вашем случае одним из вариантов решения проблемы является сжатие и минимизация изображения на стороне браузера при помощи Canvas еще до его отправки на сервер.

Случайный пример реализации из просторов сети:
https://medium.com/eboltgram/%D0%BA%D0%B0%D0%BA-%D...

Я бы сам как сделал. Если таблица обновляется динамически, то просто использовать MutationObserver для парсинга - при изменениях данные автоматом будут заносится в память или куда вам там надо.

P. S. Чтобы страница не замораживалась браузером, разместить на ней mp3 трек с тишиной и запустить в бесконечном цикле. Страницы, где есть активное медиа не подвержены заморозке.

P. S. S. А вообще, такие задачи имеет смысл делать не в браузере, а вынести на сервер и повесить на CRON.

JS такой язык, что большинство велосипедов уже изобретено. Лучше берите какую-нибудь готовую библиотеку и используйте ее: https://konvajs.org/docs/drag_and_drop/Drag_and_Dr...

Тип FileList нельзя редактировать, после создания он неизменяем. Максимум, можно создать новый FileList используя некоторые файлы из старого и то это будет считать грязным хаком и так не принято делать.

Допустим если в переменных file1 и file2 лежат единичные файлы, то объединить их в FileList можно так:

var dt  = new DataTransfer(); // Создадим объект для работы с drag and drop

dt.items.add(file1); // Добавим первый файл
dt.items.add(file2); // Добавим второй файл

var file_list = dt.files; // Извлечем FileList

console.log('Коллекция файлов создана:');
console.dir(file_list);

// Вставим созданную коллекцию в реальное поле:
document.querySelector('input[type="file"]').files = file_list;

Но повторюсь, так лучше не делать. Правильная практика здесь это в принципе не пытаться редактировать тип FileList, а создать свой обработчик файлов. Само поле input использовать чисто для получения файла, но не для отображения и хранения! Логику для отображения пишем отдельно.

Не те кавычки, плюс тут лучше использовать https://www.code.mu/ru/javascript/manual/dom/inser...

Чтобы использовать JSON в другом месте кода, но везде получаю Undefined

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

Не совсем корректный вопрос. Вам надо разбить задачу на блоки и решать их последовательно.

Правильный ПЕРВЫЙ вопрос здесь будет: как из объекта такой структуры получить html таблицу?

Отвечаю: надо использовать циклы, в данном случае двойной цикл, когда один цикл находится в другом. Уже внутри такого цикла как гармошку в специальную служебную переменную собираешь строки таблицы tr td.

В общем, первое что вам сейчас надо учить, это как применять циклы.

https://learn.javascript.ru/while-for#tsikl-for

Вы можете использовать отпечаток браузера для идентификации:
https://github.com/fingerprintjs/fingerprintjs

Вы на PHP отдаёте в функцию json_encode нумерованный массив, а надо отдавать именованный массив, т. е. цифры у вас должны быть строками - тогда по идее порядок сохранится, так как при парсинге JSON на стороне браузера уже получится объект, а не массив, как сейчас. При обходе объекта циклом порядок должен поручится такой же, какой он в JSON, но надо проверять.

Используй условный оператор if и свойство window.location.href для обозначения условия при котором должен сработать код.

У библиотеки jQuery имеется свой аналог промисов - это так называемые объекты Deffered. Данные объекты полностью обратно совместимы с промисами, вплоть до возможности использовать await с ними.

Функции $.ajax $.get и $.post возвращают как раз этот самый объект Deferred (совместимый с промисами).

$.post('/en/save-lists', {}).then(function(res) {
	console.log('Успех', res);
}, function(err) {
	console.error('Ошибка', err);
});

Существует альтернатива для localStorage, речь о IndexedDB. Для него в свою очередь существует удобная обертка - localForage, где все вызовы как раз асинхронные, на промисах.

Присмотритесь к нему, очень рекомендую:
https://habr.com/ru/company/nordavind/blog/212709/
https://html5.by/blog/localforage/

Изменить текст внутри чужого фрейма нельзя, но можно сделать свой фрейм со своим содержимым, а там уже выводите, что хотите.

Обрабатывать такую картинку не обязательно, но если есть такое желание, можно его конвертировать в Blob и получить на него ссылку и уже эту ссылку вставить в атрибут src у картинки:

(async function() {
    
    var base64 = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQ1OXB4IiBoZWlnaHQ9IjQ1OXB4IiB2aWV3Qm94PSIwIDAgNDU5IDQ1OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDU5IDQ1OTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGcgaWQ9InNoYXJlIj4NCgkJPHBhdGggZD0iTTQ1OSwyMTYuNzVMMjgwLjUsMzguMjV2MTAyYy0xNzguNSwyNS41LTI1NSwxNTMtMjgwLjUsMjgwLjVDNjMuNzUsMzMxLjUsMTUzLDI5MC43LDI4MC41LDI5MC43djEwNC41NUw0NTksMjE2Ljc1eiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K';
    var blob = await (await fetch(base64)).blob();
    var url = URL.createObjectURL(blob);
    
    document.querySelector('img').src = url; // Заменить селектор на свой
    
})();

В идеале этот Blob и вовсе надо сохранить в базе данных браузера и при повторной загрузке страницы не запрашивать его с сервера заново, а просто брать его из базы данных браузера. Оставим за кадром вопрос, почему вообще картинки отдаются таким неэффективным образом.