JavaScript의 간단한 이미지 뷰어

2024년 11월 18일에 게시됨

검색:602

Simple Image Viewer in JavaScript

웹 브라우저에서 실행되는 매우 간단한 이미지 뷰어입니다. 단일 .html 파일과 36줄의 코드를 사용합니다. 코드를 index.html로 저장합니다. 이 파일을 클릭하면 브라우저에 창이 열리고 PC에서 표시할 이미지를 선택할 수 있습니다. 1024 x 1024 이미지를 열 수 있었습니다. 좋습니다.

코드는 다음과 같습니다.



    Simple Image ViewerSimple Image Viewer

벤 산토라 - 2024년 10월

릴리스 선언문 이 글은 https://dev.to/benslinux2024/simple-image-viewer-in-javascript-3ge4?1에서 복제됩니다.1 침해 내용이 있는 경우, [email protected]으로 연락하여 삭제하시기 바랍니다.

최신 튜토리얼 더>

MySQL을 사용하여 오늘 생일을 가진 사용자를 어떻게 찾을 수 있습니까?
MySQL을 사용하여 오늘 생일이 있는 사용자를 식별하는 방법MySQL을 사용하여 오늘이 사용자의 생일인지 확인하려면 생일이 일치하는 모든 행을 찾는 것이 필요합니다. 오늘 날짜. 이는 UNIX 타임스탬프로 저장된 생일을 오늘 날짜와 비교하는 간단한 MySQL 쿼리를 ...

프로그램 작성 2024년 11월 18일에 게시됨
$\"\"는 HTML 스팬 태그를 닫는 유효한 방법입니까?$
\"\"는 HTML 스팬 태그를 닫는 유효한 방법입니까?
"는 HTML 스팬 태그를 닫는 유효한 방법입니까? " />""을 사용하여 HTML 범위를 닫을 수 있습니까?"" 경첩을 사용하여 HTML 범위를 닫는 것이 유효한가요? 사용된 문서 유형에 따라.XHTMLXML 표...

프로그램 작성 2024년 11월 18일에 게시됨
고유 ID를 유지하고 중복 이름을 처리하면서 PHP에서 두 개의 연관 배열을 어떻게 결합합니까?
PHP에서 연관 배열 결합PHP에서는 두 개의 연관 배열을 단일 배열로 결합하는 것이 일반적인 작업입니다. 다음 요청을 고려하십시오.문제 설명:제공된 코드는 두 개의 연관 배열 $array1 및 $array2를 정의합니다. 목표는 두 배열의 모든 키-값 쌍을 통합하는 ...

프로그램 작성 2024년 11월 18일에 게시됨
배열에서 매개변수 전달을 통해 Promise 실행 순서를 지정하는 방법은 무엇입니까?
배열에서 매개변수 전달을 통한 Promise의 순차적 실행값 배열(예: myArray)이 있고 Promise를 실행해야 하는 시나리오를 고려해보세요. 기반 함수(예: myPromise)를 순차적으로 전달하여 각 배열 요소를 매개변수로 전달합니다. Promise가 올바른...

프로그램 작성 2024년 11월 18일에 게시됨
PDO로 연결 시간 초과를 어떻게 설정합니까?
PDO를 사용하여 연결 시간 초과 설정: 종합 가이드PDO(PHP 데이터 개체)를 사용하여 데이터베이스에 연결할 때 다음과 같은 경우 예외를 얻는 데 오랜 지연이 발생합니다. 서버를 사용할 수 없으면 실망스러울 수 있습니다. 이 문제는 일반적으로 PDO::setAttr...

프로그램 작성 2024년 11월 18일에 게시됨
$Python 3에서 UDP 소켓을 통해 데이터를 보낼 때 \"TypeError: \'str\'\이 아닌 바이트열류 개체가 필요합니다."를 수정하는 방법은 무엇입니까?$
Python 3에서 UDP 소켓을 통해 데이터를 보낼 때 \"TypeError: \'str\'\이 아닌 바이트열류 개체가 필요합니다."를 수정하는 방법은 무엇입니까?
'TypeError 해결을 위해 소켓 전송 데이터 디코딩: 'str'이 아닌 바이트와 같은 객체가 필요합니다.수정하려고 합니다. UDP 소켓을 통한 사용자 입력에 대해 제공된 코드는 문자열 대신 바이트열류 객체가 필요함을 나타내는 오류를 생성합니다...

프로그램 작성 2024년 11월 18일에 게시됨
CSS의 절대 단위와 상대 단위
CSS에서 요소의 스타일을 지정할 때 선택할 수 있는 단위 카테고리는 두 가지입니다. 절대 단위와 상대 단위. 다음은 각 항목에 대한 세부정보와 차이점입니다. 1. 절대 단위 절대 단위는 고정된 측정 단위입니다. 다른 요소나 화면 크기의 영향을 받지 않습...

프로그램 작성 2024년 11월 18일에 게시됨
Windows에서 ROOT 비밀번호를 재설정할 때 MySQL이 경고를 표시하는 이유는 무엇입니까?
Windows의 MySQL에서 루트 비밀번호 재설정: 경고 메시지 및 정상적인 종료Windows의 MySQL에서 루트 비밀번호를 재설정하려면 사용자 비밀번호를 수정해야 합니다. . MySQL 5.6의 로컬 설치를 위한 비밀번호 재설정 지침을 따르면 경고 메시지가 나타날...

프로그램 작성 2024년 11월 18일에 게시됨
시간을 내어 두 개의 시계를 확인하세요.
Go에서 경과 시간을 계산하려면 다음을 사용할 수 있습니다. start := time.Now() // long time consuming task duration := time.Since(start) 하지만 Go의 시간 패키지에는 실제로 두 개의 시간이 포함되어 있고 ...

프로그램 작성 2024년 11월 18일에 게시됨
미디어 쿼리 없이 유동적인 3열~1열 레이아웃을 만드는 방법은 무엇입니까?
미디어 쿼리 없이: 유동적인 3열 데스크톱을 1열 모바일 레이아웃으로 구현전통적인 미디어 쿼리는 적응하는 데 중요한 역할을 합니다. 다양한 화면 크기에 따른 웹사이트 레이아웃. 그러나 정말 유연하고 반응이 빠른 디자인을 만들기 위해 미디어 쿼리가 필요 없는 대체 솔루션...

프로그램 작성 2024년 11월 18일에 게시됨
겉보기에 무해해 보이는 할당에도 불구하고 내 C++ 코드가 무한 루프에 들어가는 이유는 무엇입니까?
Infinite Output Loop in C 제공된 C 코드에서 예상치 못한 무한 루프가 발생하여 연속적인 일련의 숫자("0 , 1, 2, 3, 4, 5, ...") 예상된 "0, 1, 2, 3" 대신.닫기 조사 결과 범인은 루프 ...

프로그램 작성 2024년 11월 18일에 게시됨
C#에서 MySQL 호스트에 연결할 수 없는 이유는 무엇입니까?
C#에서 MySQL 호스트에 연결할 수 없음: 문제 해결 및 해결C#을 통해 MySQL 데이터베이스에 연결하려고 하면 다음과 같은 문제가 발생할 수 있습니다. "지정된 MySQL 호스트에 연결할 수 없습니다."라는 오류 메시지가 나타납니다. 이 문제는...

프로그램 작성 2024년 11월 18일에 게시됨
클래스 바인딩 후 Tkinter 텍스트 위젯에 사용자 정의 이벤트를 바인딩하는 방법은 무엇입니까?
위젯 바인딩 후 Tkinter 텍스트 위젯에 사용자 정의 이벤트를 바인딩하는 방법클래스 후 텍스트 위젯에 사용자 정의 이벤트를 바인딩하려고 할 때 바인딩을 사용하면 위젯 콘텐츠가 업데이트되기 전에 함수가 호출되는 문제가 발생할 수 있습니다. 이는 클래스 바인딩이 위젯별...

프로그램 작성 2024년 11월 18일에 게시됨
Node.js를 MySQL에 연결할 때 "ER_NOT_SUPPORTED_AUTH_MODE"가 나타나는 이유는 무엇입니까?
ER_NOT_SUPPORTED_AUTH_MODE 오류 Node.js 서버를 MySQL 데이터베이스에 연결하는 중관계형 데이터베이스 관리 영역에서 서로 다른 데이터베이스 시스템 간에 마이그레이션하면 때때로 다음과 같은 문제가 발생할 수 있습니다. 기술적인 문제에. Mar...

프로그램 작성 2024년 11월 18일에 게시됨
Bootstrap 4 Beta의 열 오프셋은 어떻게 되었나요?
Bootstrap 4 베타: 열 오프셋 제거 및 복원Bootstrap 4는 베타 1 릴리스에서 열 오프셋 방식에 중요한 변경 사항을 도입했습니다. 열이 오프셋되었습니다. 그러나 후속 베타 2 릴리스에서는 이러한 변경 사항이 취소되었습니다.offset-md-*에서 ml-...

프로그램 작성 2024년 11월 18일에 게시됨