我试图显示从本地机器选择的图像，我需要该图像的位置用于JavaScript函数。但我查不到地址。
为了获得图像位置，我尝试使用console.log，但没有返回任何结果。
console.log(document.getElementById("uploadPreview"));
下面是HTML代码:
<!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无法加载SourceMap:无法加载内容
chrome扩展:/ / alplpnakfeabeiebipdmaenpmbgknjce / include.preload.js.map:
HTTP错误:状态代码404,net::ERR_UNKNOWN_URL_SCHEME
我很欣赏这是你的扩展的一部分，但我看到这条消息在各种各样的地方这些天，我讨厌它:我如何修复它(这个修复似乎大大加快了浏览器)是通过添加一个死文件
物理上创建它想要的文件/在它想要的位置，作为一个空白文件(例如，"popper.min.js.map")
把这个放进空白文件里
｛
“版本”:1、
“映射”:“”,
“来源”:[],
“名称”:[],
“文件”:“popper.min.js”
｝
确保空白文件内容中的“file”:“*******”与您的文件名******相匹配。Map(去掉。Map这个词)
(我怀疑你可以自己把这个死文件方法添加到插件中。)
修复由Chrome扩展引起的开发工具控制台中“SourceMap”错误消息
由McAfee扩展引起的例子:
DevTools failed to load SourceMap: Could not load content for chrome-extension:// klekeajafkkpokaufllcadenjdckhinm / SourceMap /content。map: HTTP错误:状态代码404,net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/ SourceMap /chrome/content。map: HTTP错误:状态代码404,net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/ SourceMap /chrome/iframe_handler。map: HTTP错误:状态代码404,net::ERR_UNKNOWN_URL_SCHEME
如果你正在开发，那么你需要勾选“启用JavaScript源映射”和“启用CSS源映射”，才能在Chrome开发者工具中看到你的源代码。取消选中这些选项会使您无法调试源代码。这就像关掉火警，而不是把火扑灭。你不会想这么做的。
相反，您希望找到引起消息的扩展并将其关闭。你可以这样做:
转到Chrome右上角的三个点。
转到“更多工具”，点击“扩展”。
每次对一个扩展执行此操作，直到控制台中不再出现“SourceMap”错误:
向左滑动开关，关闭分机。
重新加载正在使用开发工具的页面。
检查是否有任何“SourceMap”错误消息消失。
如果有的话，就是这个扩展引起了这些消息。
否则，该扩展可以重新打开。
在确定哪些扩展导致了问题之后:
如果你需要它，然后联系制造商让他们解决这个问题。
否则，删除扩展名。
