для моего приложения, с зашифрованными параметрами URL-адреса GET, только это сработало. Я всегда получал TypeError: $(...) is null
. Взято из https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL
function previewFile() {
var preview = document.querySelector('img');
var file = document.querySelector('input[type=file]').files[0];
var reader = new FileReader();
reader.addEventListener("load", function () {
preview.src = reader.result;
}, false);
if (file) {
reader.readAsDataURL(file);
}
}
Похоже, ваш PHP-код находится вверху страницы.
Ваша страница структурирована как
<?php
form
?>
<html>
<head>
Если это так, вам нужно переместить код PHP вниз в основной раздел, где вы хотите, чтобы форма отображалась.
<html>
<head>
head stuff
</head>
<body>
fjdkdfjkfdj
dfkjkjfljfdk
<?php>
form
</php?
fjdkfdjd
footer text
</bod>
</html>