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