bootstarp-fileinput上传 火狐防止拖入文件直接打开新页面

今日接触了一个bootstarp的上传插件,发现其功能很强大,具体名为bootstarp-fileinput,需要的可以自行度一下。

然后当使用其拖拽功能时,其他浏览器没出毛病,独火狐浏览器拖入时直接打开了一个新的页面,虽说也拖进去了,但是对于我这强迫症来说,不能忍,必须将其扼去。

我去浏览器调试了半天,必须改其源码,那咋整,客户又不会改,只能另辟小径。

也就是让其操作改为false.

下面废话不多说了,直接上狗

<div id="dropbox">
<input id="uploadfile" name="fileName" type="file" multiple    class="file" data-show-caption="true">
</div>

直接在script脚本里加上

 <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);
</script>

*注意这里的dropbox是div的id

时间: 2024-10-12 19:35:57

bootstarp-fileinput上传 火狐防止拖入文件直接打开新页面的相关文章

基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽)

首先需要导入一些js和css文件 ? 1 2 3 4 5 6 <link href="__PUBLIC__/CSS/bootstrap.css" rel="external nofollow" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="__PUBLIC__/CSS/fileinput.css&qu

fileinput上传 全代码包含后台

说明:所提供的代码采用原生servlet+jdbc不用考虑项目兼容性问题(java),考虑到通用性加入了fileinputconfig.properties配置文件,只需要拷贝代码到项目中更改相关配置就可以使用. 1.先来效果图(代码在后面) 初始化 上传前 上传后 2.技术框架:fileinput + servlet+ jdbc 考虑到兼容所有的java框架所以采用了servlet+jdbc作为后台 依赖的js+css <script type="text/javascript"

bootstrap fileinput上传文件

参考博客:https://blog.csdn.net/linhaiyun_ytdx/article/details/76215974  https://www.cnblogs.com/parker-yu/p/7207071.html 最近在最接口对接,需要将文件和一些其他参数发送到其他系统中去,发送文件用到了bootstrap fileinput. 一.首先要下载插件包 插件下载地址:https://github.com/kartik-v/bootstrap-fileinput/ 二.引入js和

Bootstrap FileInput 上传 中文 API 整理

Bootstrap FileInput 上传  中文 API 整理 上传插件有很多 但是公司用的就是 Bootstrap FileInput 自己就看了看  会用就行 自己都不知道每个值是干嘛用的就问大佬 总结一下 1 一. 引入文件 2 <link href="../css/bootstrap.min.css"rel="stylesheet"> 3 <link href="../css/fileinput.css" media

Dos 显示拖入文件全路径

@echo off ::文件路径 echo %~dp1 rem 文件名 echo %~nx1 %显示完整路径% echo %~dp1%~nx1 pause % set 命令: rem 拖入文件,回显路径 % set /p file=输入的值会赋给file:file= echo file=%file%

批处理获取拖入文件信息

@ECHO OFF echo %1:获取拖入文件完整路径.如:"E:\DDC\add.txt"echo %~1:获取拖入文件完整路径,并去掉首尾引号.如:E:\DDC\add.txtecho %~nx1:获取拖入文件文件名及后缀.如:add.txtecho %~n1:获取拖入文件文件名.如:addecho %~x1:获取拖入文件后缀名.如:.txtecho %~dp1:获取拖入文件所在目录完整路径.如:E:\DDC\echo %cd%:获取拖入文件所在目录路径.如:E:\DDCecho

Java实现文件上传(验证文件大小、文件类型)

文件上传是每个java开发者必须掌握的.文件上传有很多种实现方式,但其实也大同小异.笔人在这里为大家介绍一种我习惯用的,上传文件的方式.大家先看代码,最后我会分享我的源码给大家. 1.首先要准备一下需要用到的jar包. commons-fileupload-1.2.1.jar -commons-io-1.4.jar 可以从[(http://commons.apache.org/)]下载,当然,我的项目源码里也有 然后开始写代码. public static String fileUpload(H

aspx 文件上传和下载,多文件上传

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MultiFileUpload.aspx.cs"  Inherits="MultiFileUpload"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org

Codeigniter 调试上传不支持的类型文件

打开 codeigniter\system\libraries\Upload.php 文件 找到执行方法 $this->_file_mime_type($_file); 注释后替换成 $this->_file_mime_type($_FILES[$field]); var_dump($this->file_type); die(); //abin add. 然后控制台查看输出的 mime类型是什么 再打开 codeigniter\application\config\mimes.php