[문의] blob:http로 자꾸 이미지가 나오지 않습니다.
본문
[문의] blob:http로 자꾸 이미지가 나오지 않습니다.
[증상] 처음 이미지를 등록하면 이미지가 등록된 화면을 보여줍니다.
다음 다른 페이지로 이동했다가 다시 가보면 이미지가 아래의 주소와 같이
엑박에 ( blob:http://www.moabiz.kr/31d2caef-eda4-4527-b63f-5efec5482701 )
이런식으로 나옵니다.
[환경] 나리야테마/ckeditor_4.17.1_full_easyimage.zip 에디터로 작업하고 있습니다.
[인터넷검색결과]
<img src="blob:http://localhost:1234/28ff8746-94eb-4dbe-9d6c-2443b581dd30" alt="Blob URL Image" />
이런식으로 활용할 수 있다는데...저는 이해가 가질 않네요...
[문제점]
1. 우선 파일이 서버에 올라가지 않습니다.
2. blob:http://www.moabiz.kr/31d2caef-eda4-4527-b63f-5efec5482701 을 위와같이 해도 이미지가 출력이 되지 않습니다.
그럼 문제는 파일을 제대로 서버에 올리지 못한 건가요???
아무리 찾아봐도 서버에 파일은 없는데...
그럼 blob:http://주소만 생성된건가요???
에디터에서 서버에 파일 올리는 방법은 어떻게 해야 할까요???
- 감사합니다. -
답변 1
https://developer.mozilla.org/ko/docs/Web/API/URL/createObjectURL
blob객체(대부분 파일 첨부)를 url로 바꿔주는 형태의 함수를 사용했을 때 나오는 주소 형태입니다.
파일첨부 후 서버 업로드와는 별개입니다.
말씀하신 에디터에서 첨부한 파일을 브라우저내에서 보여주기 위하여 로컬에서 첨부한 파일을 보여주기 위해 변환하는 것으로 보이네요.
어찌되었건 해당 url은 현재 첨부된 파일의 형태를 url 형태로 바꾸어 사용하기 쉽게, 보여주기 위해 url로 바꿔주는것이지, 서버에 업로드 하는것이 아닙니다.
다만 대부분의 에디터에서 이러한 업로드에 hook을 제공하고 있으며, 해당 hook에다가 업로드 처리 후 콜백 처리를 하여 서버 업로드를 처리하시면 됩니다.
콜백처리나 hook 함수 사용법은 사용중인 에디터 공식 홈페이지나, 문서를 살펴보셔야 합니다
아...감사합니다. 많이 어렵군요...
상세히 설명해주셔서 감사해요~~~!!!
