HTML与JS配合调用文件管理选择文件并显示

使用HTML和JavaScript配合调用文件管理器选择文件，并且显示在页面内的代码，效果图如下 Read and Display User’s Album const chooseFileInput = document.getElementById(‘choose-file’); const imageContainer = document.getElementById(‘image-container’); chooseFileInput.addEventListener(‘change’, (event) => { const files = event.target.files; if (!files.length) return; for (let i = 0; i const file = files[i]; const reader = new FileReader(); reader.onload = (readerEvent) => { const imgElement = document.createElement(‘img’); imgElement.src = readerEvent.target.result; imgElement.alt = file.name; imageContainer.appendChild(imgElement); }; reader.readAsDataURL(file); } });