728x90 dansoon-Dev/[Javascript]2 [Javascript] File Upload Drag&Drop 웹사이트에 파일을 업로드하는 것은 많은 웹 애플리케이션의 일반적인 요구 사항입니다. 사용자가 이 프로세스를 더 쉽게 수행할 수 있는 한 가지 방법은 파일 업로드를 위한 끌어서 놓기 인터페이스를 제공하는 것입니다. JavaScript로 파일 업로드 끌어서 놓기 인터페이스를 만드는 방법을 살펴보겠습니다. 1단계: HTML File Input 만들기 만들기의 첫 번째 단계 끌어서 놓기 파일 업로드 인터페이스는 HTML File Input 을 만드는 것입니다. 이 요소를 사용하면 사용자가 기존 파일 선택 대화 상자를 사용하여 컴퓨터에서 파일을 선택할 수 있습니다. Drag & Drop 인터페이스를 사용할 수 없는 사용자를 위해 이 요소를 대안으로 사용할 것입니다. 2단계: 드롭 영역 요소 생성 다음으로, 드롭 .. 2023. 2. 27. [Javascript] 클릭시 ImageDownload 버튼이나 이미지 클릭시 이미지를 다운받는 Script 입니다. 검색해보면 기본적으로 a tag 에 download attribute 를 이용해서 또는 또는 쉽게 사용 할 경우 이렇게 사용해도 되지만 문제는 이러한 코드들의 경우 ie 나 크롬 브라우저들은 작동하는데 OS X 의 Safari 브라우저에서 작동하지 않았어요.... 그래서 아이폰이나 Safari에서도 작동하는 script 를 검색하다가 검색하다가 github 에서 주웠습니다. [a tag] [script] 이건 되네요. 이 글이 수고를 덜어드렸으면 좋겠네요. [참고] https://github.com/photopea/photopea/issues/1166 2023. 2. 15. 이전 1 다음 728x90