커스텀 업로더와 함께 Composer 드래그 앤 드롭

개발
1

안녕하세요,

컴포저의 드래그 앤 드롭 기능을 확장하여 더 정교한 프로세스를 시작하고 싶습니다. 예를 들어, 사용자가 큰 비디오 파일을 드래그하면 Google 드라이브에 해당 파일을 업로드하도록 커스텀 JavaScript가 실행되기를 원합니다. 업로드가 완료되면 특정 iframe 코드를 컴포저에 삽입하고 싶습니다.

현재 이 모든 기능이 이미 작동하고 있지만, 도구 모음 아이콘과 팝업 모달을 통해서만 작동합니다. 이제 기존 onebox 기능을 확장하여 이 두 가지 방식을 통합하고 싶습니다.

이벤트에 어떻게 연결할 수 있는지 관련 문서를 알려주실 수 있나요?

감사합니다.

2

재밌네요!

정확히 어디서 봐야 하는지는 말해 줄 수 없지만, 제가 찾아볼 곳은 코드 블록을 자동 감지하는 코드일 거예요. 최근에 그 부분에 대해 논의가 조금 있었는데, 제가 빠르게 검색해 봤지만 아무것도 나오지 않네요.

3

최근에 도입된 기본 활성화된 클라이언트 측 이미지 최적화가 정확히 이 역할을 수행합니다. 여기서 훅을 확인할 수 있습니다:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/initializers/register-media-optimization-upload-processor.js

하나의 큰 주의사항은 이번 릴리스에서 jQuery.FileUpload에서 Uppy로 전환하고 있다는 점입니다. 따라서 현재 이 관련 작업을 수행하는 두 가지 방식이 존재합니다.