javascript - 奇怪的代码行为

Question

当创建一些64base图像并复制它的src时

orig_src.src = image_target.src;

我有下一个“资源解释为图像但使用 MIME 类型 text/html 传输:”。
所以我删除所有不重要的代码并创建 Jsffidle demo所以这是一个简单的图像选择器，它预览选择的图像，并且它必须提醒该文件的 src，但它正在提醒页面的链接。为什么？有趣的是，如果第二次图像效果很好。我该如何解决这个问题以及这种行为的原因是什么？

Answer 1

您在触发 reader.onload 事件之前发出警报，因为加载图像需要时间。它是异步的，这意味着您的代码会一直执行，直到加载为止。只需将 alert() 语句移至 reader.onload 内即可:

reader.onload = function (event) {
     e.target.parentNode.getElementsByTagName("img")[0].setAttribute('src',event.target.result);
     alert(e.target.parentNode.getElementsByTagName("img")[0].src);
}