`

fileinput.js

    博客分类:
  • js
js 
阅读更多
$("#fileInput").fileinput({
language : "zh",
uploadUrl: "${ctx}/upload",
allowedFileExtensions : ['jpg', 'png','gif'],//接收的文件后缀,
        maxFileCount: 100,
        enctype: 'multipart/form-data',
        uploadAsync : false,
        dropZoneEnabled: false,//是否显示拖拽区域
        showUpload: true, //是否显示上传按钮
        showCaption: false,//是否显示标题
        //minImageWidth: 50, //图片的最小宽度
        //minImageHeight: 50,//图片的最小高度
        //maxImageWidth: 1000,//图片的最大宽度
        //maxImageHeight: 1000,//图片的最大高度
        //maxFileSize: 0,//单位为kb,如果为0表示不限制文件大小
        //minFileCount: 0,
        browseClass: "btn btn-primary", //按钮样式            
        previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
        msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}!",
        validateInitialCount:true,
        ajaxSettings : {
       
       
       
        },
        slugCallback : function(filename){
        //console.log(filename);
        return filename;
        }
});


$("#fileInput").on("fileuploaded", function (event, data, previewId, index){
console.log('单独上传一张');
console.log(data);

}).on('filebatchuploadsuccess', function(event, data) {
console.log('批量');
    console.log(data);
});;
分享到:
评论

相关推荐

    Bootstrap fileinput.js Demo

    在Web开发中,文件上传功能是非常常见且重要的,而Bootstrap fileinput.js则提供了美观、易用且功能丰富的解决方案。 ### Bootstrap文件输入插件介绍 Bootstrap本身是一个流行的前端开发框架,提供了丰富的UI组件...

    fileinput.min.js

    标题 "fileinput.min.js" 指向的是一个经过压缩的 JavaScript 文件,它是 Bootstrap File Input 插件的核心组件。Bootstrap File Input 是一个流行的 jQuery 插件,专门用于增强和美化HTML文件输入控件,尤其在网页...

    bootstrap fileinput.min.js

    `fileinput.min.js`是Bootstrap FileInput的核心JavaScript文件,它实现了文件选择、预览、上传等功能。这个轻量级的脚本包含了大量的功能,如: 1. **多文件选择**:允许用户一次选择多个文件进行上传。 2. **实时...

    Bootstrap和fileinput.js实现的FormData图片上传插件

    在JavaScript部分,初始化fileinput.js: ```javascript $("#imageUpload").fileinput({ uploadUrl: "upload.php", // 上传URL showPreview: true, // 是否显示预览 allowedFileExtensions: ['jpg', 'png', 'gif...

    Bootstrap fileinput.js图片上传预览插件

    Bootstrap fileinput.js是一款基于Bootstrap框架的文件上传与预览插件,它极大地丰富了网页中的文件选择和上传体验。这款插件不仅支持多文件选择,还提供了强大的图片预览功能,用户可以在上传前查看选定的图片,...

    bootstrap-fileinput.rar

    `fileinput.min.js`是JavaScript文件,它包含了Bootstrap Fileinput的主要逻辑和功能。这个文件实现了文件选择、预览、多文件上传、进度条显示、错误处理等功能。通过调用这个插件,用户可以选择一个或多个文件,...

    bootstrap-fileinput 的js

    1. **fileinput.js**:这是核心的JavaScript文件,实现了文件选择、预览、上传等一系列功能。通过监听用户操作,如点击按钮、选择文件等,实现文件上传的交互逻辑。同时,它也包含了对不同浏览器兼容性的处理,确保...

    bootstrapfileinput.zip

    在压缩包"bootstrapfileinput.zip"中,包含的核心文件"bootstrapfileinput"可能是一个压缩后的源代码包,里面可能有CSS样式表、JavaScript脚本、图像资源以及示例代码。解压后,开发者可以将这些文件集成到自己的...

    bootstrap-fileinput-v4.4.6.js

    这是bootstrap的一个上传控件fileinput,网上下载的一些代码不全,会导致图标、功能出现异常。于是自己就到官网的github下载了一套代码,需要的小伙伴就拿去吧! 另附上官方GitHub网址:...

    bootstrap fileinput完整插件

    - **引入资源**:首先,确保引入Bootstrap的相关CSS和JS文件,以及FileInput的`fileinput.min.css`和`fileinput.min.js`。 - **HTML结构**:在HTML中创建一个`&lt;input type="file"&gt;`元素,并为其添加`class="file"`...

    BootStrap fileinput.js文件上传组件实例代码

    1.首先我们下载好fileinput插件引入插件 &lt;span xss=removed&gt;&lt;link type="text/css" rel="stylesheet" href="fileinput/css/fileinput....script type="text/javascript" src="fileinput/js/fileinput_locale_zh.j

    fileinput-zh.js

    fileinput-zh.js

    bootstrapfileinput实现文件自动上传

    &lt;script type="text/javascript" src="~/bootstrap/js/fileinput.min.js"&gt; ~/bootstrap/css/fileinput.min.css" rel="stylesheet" /&gt; ~/Scripts/lib/jquery.json.js"&gt; ``` 接着,创建一个 `&lt;input type="file"&gt;` ...

    bootrap fileinput文件上传实例

    这个实例展示了如何在Bootstrap框架下使用fileinput.js插件实现文件上传,特别是单图片和多图片上传的场景。 首先,理解Bootstrap的核心概念是响应式设计和组件化开发。Bootstrap FileInput是对原生...

    bootstrap-fileinput.js

    用于bootstrap上传照片的实时显示照片的fileinput插件的核心js文件,知道大家没什么积分,特地不用积分,觉得能用的到我博客点个赞就好

Global site tag (gtag.js) - Google Analytics