Запуск Javavascript FileReader заводит моих поклонников и становится очень громким

Question

У меня есть сцена 3. js на моем веб-сайте, и я также включаю FileReader в javascript, чтобы пользователь мог загружать и просматривать файлы изображений. Первоначально я думал, что, возможно, это была сцена с тремя. js, из-за которой все было громко, но все на веб-сайте работает плавно и тихо, пока я не нажму кнопку, чтобы выбрать файл изображения, и тогда мои поклонники появятся, издав громкие звуки ... Код работает как результат и предварительно просматривает выбранный файл изображения в качестве фонового изображения. Я не уверен, что могло вызвать эту проблему?

Ниже мой код

<label id="upload-btn" class="btn" for="file">Click here to upload your image!</label>

<div id="frame"></div>

const frame = document.getElementById('frame');
const file = document.getElementById('file');

const reader = new FileReader();
reader.addEventListener("load", function () {
  frame.style.backgroundImage = `url(${ reader.result })`;
}, false);
file.addEventListener('change',function() {
  const image = this.files[0];
  if(image) reader.readAsDataURL(image);
}, false)

Заранее спасибо!