HTML5/Ajax 이미지가 "백그라운드"로 업로드됩니다.

Question

저는 새로운 HTML5와 Ajax입니다. 이러한 기술로 백그라운드에서 이미지를 업로드 할 수 있도록 서비스를 작성할 수 있는지 궁금합니다 업로드가 진행되는 동안 동일한 사이트에서 다른 페이지를 탐색 할 수 있습니까?

Answer 1

XHR2 AJAX 요청은 이미지와 같은 바이너리 데이터를 제출할 수 있습니다 : 새 페이지가로드로

https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications#Example.3A_Uploading_a_user-selected_file

그러나, 주소 표시 줄 (windows.location)를 변경하면 업로드를 중단됩니다. 당신은 AJAX를 통해 페이지를로드 역사 API를 사용하여이의를 해결할 수 있습니다

https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history

가 선택적으로 당신이 필요한 대역폭을 감소 <canvas>를 사용하여 클라이언트 측에 이미지 크기를 조정할 수 있고, 서버 부하를

Resizing an image in an HTML5 canvas

, 당신이 <canvas>의 이미지를 만지면 또한 회전처럼, JPEG 메타 데이터를 유지 할 수 있습니다 및 GPS 주변 좌표

https://github.com/miohtama/Krusovice/blob/master/src/tools/resizer.js