Javascript 为什么预览图像脚本在html代码中不起作用？（已选中旧答案，但未起作用）

我想上传和预览网页中的图像。我已经使用了很多在线可用的模板/代码段，但由于某些原因，其中没有一个正在预览imagejs文件链接，该链接已正确添加，并且正在运行。我无法理解为什么JavaScript代码没有运行以预览该图像。 让我们看看我从stackOverFlow的另一个答案中得到的答案。它在“运行代码片段”上运行良好。但是当我复制代码并使用它时，它就不工作了

函数readURLinput{ 如果输入.files&&input.files[0]{ var reader=新文件读取器； reader.onload=函数e{ $'preview'.attr'src'，e.target.result； $'.previewimg'.show； } reader.readAsDataURLinput.files[0]； } } $uploadImg.changefunction{ 读懂这一点； }; .预演{ 背景：FF33； 宽度：500px； 高度：自动； 填充：20px； 边界半径：20px； 显示：无； } .预演{ 宽度：100%； 高度：自动； }

---

因为我是新手，所以我不知道加载脚本的顺序。 我头上有个标签

<link rel="stylesheet" href="this.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

我在加载jQuery之前尝试使用它，生成了$is not defined错误。只是改变了顺序，它成功了

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="this.css">

---

多亏了大卫

它在哪些方面失败了？正如您所说的，您所显示的代码显然是按照预期工作的。当你使用它的时候有什么不同？是的，它应该是工作的，但是预览部分不工作。我尝试了许多不同的模板，但它仍然是一样的。由于某些原因，预览不起作用我们可以理解您遇到了困难，但您将不得不给我们更多，而不是它不起作用。同样，您提供的代码在您的问题中也很有效。当您针对上述问题运行代码段时，您是说它对您来说失败了？从文件系统中选择图像后，是否没有预览？浏览器的开发控制台上是否有错误？当我运行此代码时，没有预览。我仍然可以从输入字段中获取图像并将其存储到数据库中，但我并没有得到任何预览。