火狐浏览器下上传时拖拽文件打开新页面问题解决

火狐浏览器下上传时拖拽文件，会打开新的页面，解决方法如下；

 <div class="form-group" id="dropbox">
            <label class="control-label form-required-mark col-sm-2"
                   th:text="#{majorProgram.newAttachment}">新培养方案附件</label>
            <div class="col-sm-10">
                <input id="attachment" name="attachment" type="file" class="file" src="/file.txt"/>
            </div>
        </div>

直接在script脚本里加上

 dropbox.addEventListener("dragenter", function(e){
        e.stopPropagation();
        e.preventDefault();
    }, false);
    dropbox.addEventListener("dragover", function(e){
        e.stopPropagation();
        e.preventDefault();
    }, false);
    dropbox.addEventListener("drop", function(e){
        e.stopPropagation();
        e.preventDefault();
    }, false);

注意：dropbox是<div class="form-group" id="dropbox">的id