끌어서 놓기 중에 외부 원격 이미지에서 URL 데이터 읽기

끌어서 놓은 로컬 파일을 받아 들여 파일 데이터를 files 문자열로 읽습니다. 브라우저에서 직접 가져온 원격 이미지를 어떻게 읽을 수 있습니까? 즉, Google 이미지 검색에서 이미지를 Dropzone으로 드래그하고 이미지 URL을 읽습니다.끌어서 놓기 중에 외부 원격 이미지에서 URL 데이터 읽기

<!DOCTYPE html> 
<html> 
    <body> 

    <div id="dropzone"></div> 

    <script> 
     function handleFileSelect(evt){ 

     evt.stopPropagation(); 
     evt.preventDefault(); 

     var files = evt.dataTransfer.files; 

     } 

     // Setup the dnd listener 
     var dropZone = document.getElementById('dropzone'); 
     dropZone.addEventListener('drop', handleFileSelect, false); 

    </script> 
    </body> 
</html>

출처

2011-11-30 Doctor Spaceman

원격 파일의 드래그 기능을 어떻게 계획하셨습니까? – hungryMind

@ hungryMind formData and XMLHttpRequest http://jsfiddle.net/7qfWz/ –

내가 알고있는 것처럼, 표시중인 파일은 로컬 시스템에 있지 않고 원격으로 브라우저에 표시됩니다. 파일 대신 이미지 또는 이미지 아이콘을 표시하는 경우 요소를 draggable으로 만들고 다른 요소에 놓을 수 있도록 허용하십시오. 드롭에 당신이 코드를 복사하거나 서버 측에서 뭔가를 작성하십시오.

출처

2011-11-30 13:05:29 hungryMind

여기에서 요점은 드래그되는 이미지가 다른 웹 사이트에서 온다고 생각합니다. – Rahul

끌어서 놓기 중에 외부 원격 이미지에서 URL 데이터 읽기

답변

관련 문제