Я недавно начал изучать javascript. Я пытаюсь отобразить изображение, выбранное на локальной машине. Я хочу вернуть местоположение этого изображения в функцию javascript. Я сталкиваюсь с этой ошибкой и не могу получить местоположение изображения. Для получения местоположения изображения я пытался использовать console.log (); метод, но ничего не возвращается.
console.log(document.getElementById("uploadPreview"));
HTML CODE !!
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div align="center" style="padding-top: 50px">
<img align="center"
id="uploadPreview" style="width: 100px; height: 100px;" />
</div>
<div align="center" style="padding-left: 30px">
<input id="uploadImage" type="file" name="myPhoto" onchange="PreviewImage();" />
</div>
<script type="text/javascript">
function PreviewImage() {
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);
oFReader.onload = function (oFREvent) {
document.getElementById("uploadPreview").src = oFREvent.target.result;
console.log(document.getElementById("uploadPreview").src);
};
};
</script>
</body>
</html>
Вывод на консоль: Когда я запускаю этот файл, я получаю эти предупреждения, как указано ниже. Могу ли я получить помощь?
DevTools failed to load SourceMap: Could not load content for chrome-extension://alplpnakfeabeiebipdmaenpmbgknjce/include.preload.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME