Return 語句未按預期工作

Question

因此，我正在使用這行代碼將輸入圖像轉換為 URL，但是，返回似乎不起作用，因為我無法在文檔中實際需要它的其他任何地方訪問該常量。

window.addEventListener('load', function() {
            document.querySelector('input[type="file"]').addEventListener('change', function() {
                if (this.files && this.files[0]) {
                    const imageURL = URL.createObjectURL(this.files[0]);
                    return imageURL;
                }
            });
          });       

我對 JavaScript 還是很陌生，所以在我的一生中，我找不到它為什么不起作用，在此先感謝！

Answer 1

這是因為常量 imageURL 的范圍在 if 塊中，如果您希望在整個文件中訪問它，請在 addEventListener() 函數之外聲明它。 例如

let imageURL;
window.addEventListener('load', function() {
            document.querySelector('input[type="file"]').addEventListener('change', function() {
                if (this.files && this.files[0]) {
                    imageURL = URL.createObjectURL(this.files[0]);
                    
                }
            });
          });

console.log(imageURL)