從拖放時停止打開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(); 
}