ドラッグエクスプローラからファイルと私は結果のリンクのようなものになるだろう私たちのWindowsファイルサーバーからファイルをドラッグして、Webページ</p> <p>でテキストエリアにドロップしたいドロップされたテキストエリア

Question

へのハイパーリンクを作成します。

私は次のコードは、あなたを助けるだろうと思い

<a href="\\fileserver\folder\pizza_2.pdf">filename.pdf</a> 

Answer 1

：

<div id="drop_zone">Drop files here</div> 
<output id="list"></output> 

<script> 
    function handleFileSelect(evt) { 
    evt.stopPropagation(); 
    evt.preventDefault(); 

    var files = evt.dataTransfer.files; // FileList object. 

    // files is a FileList of File objects. List some properties. 
    var output = []; 
    for (var i = 0, f; f = files[i]; i++) { 
       //** you gotta change these lines accordingly ** 
     //output.push('<li><strong>', f.name, '</strong> (', f.type || 'n/a', ') - ', 
     //  f.size, ' bytes, last modified: ', 
     //  f.lastModifiedDate.toLocaleDateString(), '</li>'); 
    } 
    document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>'; 
    } 

    function handleDragOver(evt) { 
    evt.stopPropagation(); 
    evt.preventDefault(); 
    } 

    // Setup the dnd listeners. 
    var dropZone = document.getElementById('drop_zone'); 
    dropZone.addEventListener('dragover', handleDragOver, false); 
    dropZone.addEventListener('drop', handleFileSelect, false); 
</script> 

参考：http://www.html5rocks.com/en/tutorials/file/dndfiles/#toc-selecting-files-dnd