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