JavaScript在一个文件中有效，而在另一个文件中无效

Question

我自己正在做一个小项目。它主要涉及HTML和JavaScript。

我使用javascript的一件事是一些代码，以在屏幕上显示图像的预览，然后获取其EXIF信息。

我目前正在使用两个主要文件来开发我的项目……一个是我进行大部分测试的文件（一个几乎没有CSS的简单HTML文件，仅用于功能的简单测试），并且进行了更详尽的描述该文件将是最终的文件，具有快速响应的设计和对网页吸引力最小的所有要素。

此刻我遇到的问题是，我拥有的JavaScript代码（在单独的文件中）可以在测试HTML文件中完成其工作，但似乎无法在主文件中工作...

图像根本不会像我用于测试的文件那样显示在预览区域...

我似乎找不到它不起作用的原因。

这是我主要文件代码的链接：

https://codeshare.io/5DJ8ZY

然后输入我的测试文件代码：

https://codeshare.io/aVlDZO

有问题的JavaScript文件（upload_img.js）中包含以下代码：

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

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

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

    $("#imgInp").change(function(){
        readURL(this);
    });