ドラッグアンドドロップでPDFファイルを開くことを停止する

Question

HTML5ドラッグアンドドロップファイルアップローダを構築します。

ブラウザ内でファイルを開いて表示しないようにするにはどうすればよいですか？

たとえば、PDFファイルをドラッグアンドドロップすると、ブラウザ内にそのPDFが表示され、表示されます。これが起こらないようにすることはできますか？

Answer 1

デフォルトの動作が行われないようにする必要があります。このような何かが...私のために働い

HTML：

<div id="dropArea" ondrop="dragDrop(event)" ondragover="dragOver(event)" ondragleave="dragLeave(event)" onClick="selectFile(event)"></div> 
<input type="file" name="file" id="fileSelectionButton" onChange="fileButtonChange()" /> 

はJavaScript：

function dragOver(e) { 
    e.preventDefault(); 
} 

function dragLeave(e) { 
    e.preventDefault(); 
} 

function dragDrop(e) { 
    e.preventDefault(); 
    var file = e.dataTransfer.files[0]; 
} 

function selectFile(e) { 
    $('#fileSelectionButton').click(); 
}