2012-11-08 5 views
18

으로 드래그하면 브라우저에서 문서화가 잘되며 HTML5를 사용하면이 작업이 훨씬 쉬워집니다.드래그 앤 드롭 * 브라우저에서?

그러나 'n'드롭을 드래그하는 것이 가능한지 궁금합니다. 브라우저 중입니다. 이 시나리오에서는

, 당신은 사용자가 드롭 대상에 & 드래그 OUT 브라우저를 클릭 것이라고 웹 페이지 요소 (예. 앵커)가 거라고, 브라우저 (예 : 연결된 개체를 보낼 것입니다. href'd 파일)을 드롭 다운 대상에 직접 다운로드 할 수 있습니다.

가능하면 누구에게 알리십니까?

+0

아니요, 확실히 아닙니다. – woz

+1

@woz : 나는 그것이 실제로 확실하다고 확신합니다. 링크를 .mp3 파일이나 다른 것으로 드래그 해보면 해당 위치로 파일을 다운로드하지 않습니까? 아니면 단순히 바탕 화면에 링크를 만들까요? –

+1

@MadaraUchiha 그것은 나를 위해 작동하지 않습니다. 웹 사이트에서 컴퓨터로 드래그 앤 드롭하면 큰 보안 문제가 될 수 있습니다. – woz

답변

3

개념적으로 가능합니다. 그러나 OS/응용 프로그램은 드롭을 처리하여 처리 방법을 결정합니다. 실제로 당신은 크롬으로 묘사 한 것을 정확히 할 수 있습니다. 새 크롬 창을 열고 링크를 드래그하십시오. 거기를 탐색합니다. 링크를 바탕 화면으로 드래그하십시오. Win7에서는 해당 페이지에 대한 바로 가기/링크를 만듭니다.

당신이 말하는 것은 HTML 드래그 앤 드롭이 아니라 실제로 OS/응용 프로그램 수준입니다. 브라우저 HTML이 아닌 응용 프로그램 언어로 처리해야합니다.

9

당신이하려는 바로는 여기 http://www.thecssninja.com/javascript/gmail-dragout입니다.

이것은 바탕 화면에 앵커 태그를 끌어 오는 방법에 대한 설명이며 파일은 여기에서 다운로드됩니다. (또는 다른 응용 프로그램으로 앵커 태그를 드래그하면 OS가 적절하게 처리합니다.)

아직 알지 못했지만 한 번에 하나씩 끌어서 놓는 방법은 여러 링크를 드래그 앤 드롭하는 방법입니다)를 HTML5를 통해 jquery와 같은 외부 리소스 라이브러리에 의존하지 않고도 사용할 수 있습니다.

+0

Dropbox는이 질문에 나를 데려왔습니다. 웹 앱을 사용하면 개별 파일을 드래그하여 여러 파일을 강조 표시하지 않고 모두 다운로드 할 수 있다는 것을 알게되었습니다. 이것은 나를 실망시켰다. 나는 그것이 어떻게 될지 생각할 수 없다. jQuery가이를 가로 채고 각 파일의 링크를 개별적으로 (예 : 다른 하나) OS에 개별적으로 보낼 수 있습니까? 나는 잘 작업하고있는 웹 앱에서 비슷한 요구 사항을 접할 수있다. –

+0

@ RyanWilliams 각 파일의 ID를 포함하는 링크를 생성하고 단일 파일에 대한 다운로드 이벤트를 수행 할 수 있습니다.이 이벤트는 본질적으로 단일 패키지에서 선택한 각 파일의 압축 파일입니다. 단일 이벤트에서 여러 다운로드를 만들 수 있다고는 생각하지 않습니다. (시도하지는 않았지만 직접 우편 방법을 수행 할 계획입니다.) – JustinN

+0

그러나 로컬 환경에서이 작업을 수행하려는 경우이 기사는 훌륭합니다. 스토리지를 모니터링하는 로컬 Angular2/Node 앱이 있습니다. 내 웹 GUI에서 다른 응용 프로그램으로 파일을 끌어다 놓으려고합니다. 이것은 실제로 파일을 전송하는 것 외에는 작동 할 것 같은데, 나는 단지 심볼릭 링크를 전송하려고합니다. 누구든지 그걸 본 적이 있니? – JasonPerr