포럼

모든걸 제가 해드릴 순 없으니 정확한 답변은 드리지 못하나 대충 아래 식으로 하시는게 일반적입니다.

파일을 업로드 한 후에 드롭한 창에도 파일 리스트를 표시해줘야 하니까 업로드 후의 처리 또한 필요하겠네요. 업로드 기능은 시중에 나온 여러가지 라이브러리 중 하나 쓰시면 되는데 이왕 하실거면 XE에 내장되어있는 jquery file upload 를 가지고 만드시는걸 추천합니다.

// Drag over the dropable area.
$('#image_list').on('dragover dragenter', function () {
  $(this).addClass('[선택의 효과를 주기위한 class]');

  return false;
}, true);

// Drag end.
$('#image_list').on('dragleave dragend', function () {
  $(this).removeClass('[선택의 효과를 주기위한 class]');

  return false;
}, true);

// Drop.
$('#image_list').on('drop', function () {
  e.preventDefault();
  e.stopPropagation();

  $(this).removeClass('[선택의 효과를 주기위한 class]');

  // 드래그 된 파일 정보 받아오기
  var dt = e.originalEvent.dataTransfer;
  if (dt && dt.files && dt.files.length) {
    /* 파일 첨부 함수 호출
      예: https://github.com/blueimp/jQuery-File-Upload/wiki/API
     */
  }
}, true);

https://codepen.io/syberknight/pen/oGdks 

감사합니다. 알려주신 jquery file upload 가 단순히 위의 기능인거죠?

이제 저렇게 드래그앤드랍방식으로 저 창에 업로드된 파일 리스트를 표시하면,

이제 에디터 컴포넌트에서 실제 xe 첨부파일로 넘어가는건 어디를 참조해보면 될까요;;