2012-01-02 1 views
2

내가 가지고있는 정적 웹 사이트는 사용자의 컴퓨터에서 로컬 이미지를 제공해야합니다. 이 웹 사이트는 실제 백엔드가 없으며 정적 파일 서버에서만 호스팅됩니다. 또한 이미지가 서버에서 처리되지 않아 모든 처리가 웹 사이트 자체에서 클라이언트 시스템으로 수행됩니다. 나는 무엇을 시도했다로컬 이미지를 백엔드없이 정적 웹 사이트로 가져 오는 방법이 있습니까?

:

  1. 를 사용하여 로컬 경로. 문제점 : 교차 출처 정책. 웹 사이트가 "www.mywebsite.com"에서 호스팅되는 경우 브라우저에 정적 파일이 지원되지 않습니다.

  2. iframe에서 업로드하기 위해 imageshack.us API를 사용한 다음 이미지의 URL을 다시 가져옵니다. 문제 : 교차 출처 정책. 콘텐츠가 동일한 도메인에 있지 않은 iframe은 정보를 부모에게 전송해서는 안됩니다.

이 문제를 해결하는 방법에 대한 아이디어가 있습니까?

감사

답변

3

당신은 FileReader API의 readAsDataURL를 사용하여 이미지를 표시하기 위해 반환 된 데이터의 URL을 사용할 수 있습니다. MDN의 페이지에는 예제가 있는데, 이것만으로도 작동합니다. here을 볼 수 있습니다. FileReader API는 비교적 새로운이며, < (10) Browser Support

Demo of MDN's code

를 IE에 대한 지원이없는

관련 문제