주요 문서
-
HTML5 캔버스에서 드래그 앤 드롭을 이용하여 섬네일 만들기
이 글은 Creating thumbnails with drag and drop and HTML5 canvas 을 번역한 글입니다. HTML5 캔버스는 뛰어난 특징을 가지고 있다. 겉보기에는 브라우저 내에서 저수준의 API를 이용하여 그림을 그리는 것뿐이지만 실제로는 이를 이용하여 이미지나 문서 내 비디오 컨텐츠를 조정하거나 변경할 수 있다. 이제 캔버스를 이용하여 브라우저 문서 안에 있는 이미지의 섬네일을 생성하기 위해 사용하는 FileReader API에 […]
-
Firefox가 FileSystem API를 지원하지 않는 이유
본 글의 원문은 Why no FileSystem API in Firefox?이며 Jonas Sicking이 쓴 글입니다. 많은 분들이 왜 Firefox는 FileSystem API를 지원하지 않는지 의문을 가지고 있습니다. 대부분 Google이 Chrome 구현하고 W3C에서 표준화 제안을 하고 있는 FileSystem 와 FileWriter에 대한 질문입니다. 결론적으로 이 문제는 다소 복잡하고 질문하는 사람이 위의 두 가지 사양 중에서 실제로 어떤 기능을 사용할 것인가에 […]
-
파일 업로드를 재개하는 방법
이 글은 객원 기고가인 사이몬 스파이크가 작성한 글입니다. 사이몬은 웹 개발자이며, 웹 표준 신봉자이자 모질라 0.8(!)부터 모질라 애호가입니다. 이번 글은 사이먼이 파일 API와 Firefox 4에서 새롭게 소개된 slice() 메소드를 가지고 실험한 내용입니다. 여기에 사이먼이 구현한 파일 업로드를 재개방법이 설명돼 있습니다. XHR 레벨 2 객체를 사용하면 파일을 업로드 할 수 있습니다. 이 객체는 요청(예: 파일 전송, […]
-
HTML5 이미지 업로더 개발 방법
HTML5에는 정말 놀라운 API들이 포함 돼 있습니다. 이러한 API를 <canvas> 엘리먼트와 조합하면, 강력하고 현대적이며 놀라운 이미지 업로더를 만들 수 있습니다. 이 글은 그런 이미지 업로더를 만드는 방법을 설명합니다. 여기에서 소개하는 모든 팁들은 Firefox 4에서 잘 동작합니다. 또한 웹킷 기반의 브라우저들에서도 문제없이 동작하는 대체 방법들도 기술하였습니다. API의 대부분은 IE에서는 동작하지 않지만, 그에 대한 대비책으로 일반적인 폼을 […]
-
Firefox 4 – FormData 와 새로운 File.url 객체
이 글은 Gecko 내부의 콘텐트 관련 기능에 많은 작업을 하고 있는 조나스 시킹의 객원 글입니다. 그는 우리가 이전에 얘기했던 FormData에 대해서 다루기는 하지만, 거기에 더하여 Firefox 4에 추가된 File API의 중요한 부분인 File.url과 FormData를 어떻게 연계할 수 있는지를 보여줍니다. Firefox 4는 파일을 보다 쉽고 편하게 다룰 수 있는 기능들을 계속해서 추가하고 있습니다. Firefox 4 베타 […]
-
HTML5 기반 오프라인 이미지 에디터 데모
원글: an HTML5 offline image editor and uploader application, 2010년 2월 2일, Paul Rouget 많은 웹 어플리케이션들은 이미지 업로더를 사용한다: 이미지 호스팅 웹사이트, 블로그 출판 어플리케이션, 소셜 네트웍, 다른 많은 것들과 함께. 그런 업로더들은 제약사항들을 가지고 있다: 한 번에 하나 이상의 이미지를 업로드할 수 없으며 전송 전에 편집을 할 수 없다. 하나 이상의 이미지를 업로드하고 이미지를 […]
-
Firefox 4: FormData를 사용하여 JS로 보다 쉽게 폼 다루기
이 기능은 Mozilla Central (trunk)에 탑재됐고, 당분간 Firefox Nightly Build에서만 사용할 수 있습니다. XMLHttpRequest 레벨 2 (편집자 초안)에는 새로운 FormData 인터페이스에 대한 지원이 추가됐습니다. FormData 객체는 폼의 각 필드와 값을 나타내는 키/값 쌍들의 집합을 쉽게 구성할 수 있는 방법을 제공하며, 이를 이용하면 데이터를 “multipart/form-data” 형식으로 XMLHttpRequest의 send() 메소드를 사용하여 쉽게 전송할 수 있습니다. FormData가 유용한 […]
-
Firefox 3.6의 W3C FileAPI
웹 애플리케이션은 서버로 파일을 업로드 하는 경우처럼 필요한 경우 사용자에게 파일을 선택하도록 합니다. 웹 애플리케이션이 플러그인을 사용하지 않는 다면<input type="file"/>같은 HTML input 엘리먼트를 통해 파일을 선택하게 됩니다. Firefox 3.6은 이제 W3C File API의 많은 부분을 지원합니다. W3C File API는 선택된 파일들을 메모리로 비동기적으로 읽어들이는 기능과 웹 애플리케이션 내에서 파일 데이터를 다룰 수 있는 방법 – […]
