下一个img标记Javascript中的Perview图像

我想预览输入后的img标签中的图像
我的Html

但是我得到了错误组合：766未捕获类型错误：input.next不是一个函数

   function PreviewImage(input) {
        if (input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                     var imageObj=input.next();
consolde.log(imageObj);
                input.next('img').attr('src', e.target.result);
            }

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

来源：

HTML

   function PreviewImage(input) {
        if (input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                     var imageObj=input.next();
consolde.log(imageObj);
                input.next('img').attr('src', e.target.result);
            }

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

---

来源：

next（）不是一个DOM方法，您正在使用jQuery语法。你在使用jQuery吗？是的，我在使用jQueryhere，我不想使用类或ID这是我需要的，但不起作用。你能帮忙吗？所以

$（输入）。next（）

@Kareimovich你还坚持使用jQuery解决方案吗？next（）不是一个DOM方法，你不知怎么在使用jQuery语法。你在使用jQuery吗？是的，我在使用jQueryhere，我不想使用类或ID，这是我需要的，但不起作用。你能帮我这么做吗

$（input）。next（）

@Kareimovich你还需要jQuery解决方案吗？在你的情况下，你应该能够替换input.next（'img'）.attr（'src'，e.target.result）；使用$（“#uploadPreview）.attr（'src'，e.target.result）或$（input）.next（）.attr（'src'，e.target.result）如果在HTMLin中img标记紧跟在input标记之后，您应该能够用$（“#uploadPreview.attr（'src'，e.target.result）或$（input（）.next（）.attr）替换input.next（'img'）.attr（'src'，e.target.result）（'src'，e.target.result）如果img标记紧跟在HTML中的输入标记之后

<input type="file" onchange="previewFile()"><br>
<img src="" height="200" alt="Image preview...">  

function previewFile() {
  const preview = document.querySelector('img');
  const file = document.querySelector('input[type=file]').files[0];
  const reader = new FileReader();

  reader.addEventListener("load", function () {
    // convert image file to base64 string
    preview.src = reader.result;
  }, false);

  if (file) {
    reader.readAsDataURL(file);
  }
}