수백개의 이미지 파일을 웹 페이지가 로딩될 때 함께
앞의 코드 사례처럼 웹 브라우저로 즉 웹 브라우저가 설치된 컴퓨터로 다운하는 것은 무리입니다.
질문자가 알고 있는 것처럼,
HTML 문서 내 자바스크립트 코드에 파일 이름을 모두 입력해 놓을 수도 없고요,.
1. 그래서 이것은 서버 프로그램 예를 들어 jsp나 node.js 코드를 통해 이루어져야 합니다.
2. 그리고 이미지를 활용하는 응용에 따라 서버 프로그램이나 자바스크립트 코드를 다르게 구현될 수 밖에 없습니다.
그때 그때 적합한 방법으로 구현해야죠.
예를 들어 사용자가 갤러리 이미지를 계속 보고 있는 경우는 서버측 프로그램에서 한 번에 10개씩 이미지를 담은 HTML 컨텐츠를 동적으로 만들어
브라우저로 보낼 수 있고,
아니면, 웹 페이지에 작성된 자바스크립트 코드가 Ajax 방법을 사용하여 서버로부터 비동기적으로 필요할 때 이미지를 가져 오는 방법입니다.
이때 여러개 가져다 놓을 수 있죠.

좀 어렵죠.
개발을 하다보면 방법이 생길겁니다.