使用Javascript上传图像并显示我的网页！函数getURL（输入）{ if（input.files&&input.files[0]）{ var reader=new FileReader（）； reader.onload=函数（e）{ $（'img_output'）.attr（'src'，e.target.result）； } reader.readAsDataURL（input.files[0]）； } } $（“#img_输入”）.change（函数（）{ getURL（this）； });_Javascript_Jquery

使用Javascript上传图像并显示我的网页！函数getURL（输入）{ if（input.files&&input.files[0]）{ var reader=new FileReader（）； reader.onload=函数（e）{ $（'img_output'）.attr（'src'，e.target.result）； } reader.readAsDataURL（input.files[0]）； } } $（“#img_输入”）.change（函数（）{ getURL（this）； });

javascript jquery

使用Javascript上传图像并显示我的网页！函数getURL（输入）{ if（input.files&&input.files[0]）{ var reader=new FileReader（）； reader.onload=函数（e）{ $（'img_output'）.attr（'src'，e.target.result）； } reader.readAsDataURL（input.files[0]）； } } $（“#img_输入”）.change（函数（）{ getURL（this）； });,javascript,jquery,Javascript,Jquery,编辑以添加代码。我只是做了一个单独的文档来测试这个函数。我尝试过其他类似的代码示例，但所有的东西都给出了相同的结果我正在尝试使用js/jquery和HTML从我的电脑上传一幅图像并显示在页面上。出于某种原因，我的代码不起作用，但当我在线搜索示例并直接复制粘贴时，它仍然不起作用在这一点上，我甚至不知道该去哪里寻找问题所在。当我运行任何下载的代码示例或我编写的代码时，都不会出现错误我意识到这不是最大的问题。我花了一整天的时间来尝试和重写似乎应该花我10分钟去做的事情。我读过文档，看过示例，复制

编辑以添加代码。我只是做了一个单独的文档来测试这个函数。我尝试过其他类似的代码示例，但所有的东西都给出了相同的结果

我正在尝试使用

js/jquery

和HTML从我的电脑上传一幅图像并显示在页面上。出于某种原因，我的代码不起作用，但当我在线搜索示例并直接复制粘贴时，它仍然不起作用

在这一点上，我甚至不知道该去哪里寻找问题所在。当我运行任何下载的代码示例或我编写的代码时，都不会出现错误

我意识到这不是最大的问题。我花了一整天的时间来尝试和重写似乎应该花我10分钟去做的事情。我读过文档，看过示例，复制并粘贴示例，但什么都不管用。我点击浏览按钮，它打开图像，我选择了图像，什么也没有发生

任何建议都将不胜感激。

代码在哪里

不管怎样，您使用的是J-query本地文件吗？CDN

如果添加任何其他JS库，可能会产生冲突

没有任何代码片段，我们无法帮助你。请尝试理解以下代码段（&D）

函数getURL（输入）{ if（input.files&&input.files[0]）{ var reader=new FileReader（）； reader.onload=函数（e）{ $（'img_output'）.attr（'src'，e.target.result）； } reader.readAsDataURL（input.files[0]）； } } $（“#img_输入”）.change（函数（）{ getURL（this）； });

向我们展示我使用此插件时遇到的类似问题的代码：它很简单，可以做你想做的事情。谢谢PaolaG，我也会看一下。然而，我想弄清楚为什么代码在这里运行时对我不起作用。我理解代码和正在发生的事情。我最初也写过类似的东西。我只是复制并粘贴了你的代码，但仍然不起作用。我一定是在做傻事。我在本地有jquery3.3.1，我也尝试了你的链接只是为了测试。当我运行您的代码片段时，它可以工作，但当在我的浏览器上打开它时，它不会显示。但是，其他jquery函数也可以完成我输入的工作。我也编辑了上面的代码，只是把js全部放在一个页面上，这样就更容易看到，因为代码太少了。只需添加它&再试一次。让我们调试它。首先加载jquery文件，然后加载其他文件。只保留本地jquery.js文件，并注释其他js文件。执行并检查其是否工作。然后逐个取消注释并再次执行代码。你会得到一个完全冲突的文件。我的脚本中的所有内容都有注释，还有css，但仍然没有做任何事情。我的控制台中也没有错误。我确实用一个简单的代码片段更新了它，说明了什么不起作用。

  <!DOCTYPE html>
<html>
<head>
   <title>My webpage!</title>
    <meta charset=utf-8 />                      
    <link rel="stylesheet" href="styles/testcss.css" />
    <script src="jquery-3.3.1.js"></script>
    <script src="./javascript/moment.js"></script>
    <script src="./javascript/testjs.js" ></script>
</head>
<body>
<script>
function getURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function(e) {
      $('#img_output').attr('src', e.target.result);
    }

    reader.readAsDataURL(input.files[0]);
  }
}

$("#img_input").change(function() {
  getURL(this);
});
</script>

<input type='file' id="img_input" />
<img id="img_output" src="#" alt="Image" />
</body>
</html>