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

web前端|js教程

fileinput,bootstrap,插件

web前端-js教程

这篇文章主要介绍了基于bootstrap的上传插件fileinput 的ajax异步上传功能(支持多文件上传预览拖拽),非常不错，具有参考借鉴价值，对ajax上传感兴趣的朋友可以参考下基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽)文章哦！

游戏门户网站源码下载,vscode简单实例,xboard ubuntu,tomcat 404 错误,sqlite怎么删除表数据,WordPress插件分享,前端框架有哪些17n,网络爬虫什么情况犯法,php网站首页,淄川seo网络优化,简单的asp网站源码,底部导航条网页源码,漂亮会员中心dedecms模板lzw

首先需要导入一些js和css文件

校友会源码,vscode 插件离线备份,ubuntu拒绝ssh,tomcat下日志删了,pixivic爬虫,Php 正则 输出,全网营销系统seo教程,微网站 报名系统源码,装修企业网站模板免费下载lzw

//中文包，不需要可以不用导入

html代码

php 网赚论坛源码,ise与vscode关联,ubuntu查看SD,多个tomcat共享域名,谁会爬虫,php职位要求,阜阳seo推广品牌公司,生活网站源码下载,源码之家删除模板lzw

js代码

$("#file-1").fileinput({uploadUrl: \, // 必须设置个路径进入php代码部分allowedFileExtensions : [jpg, png,gif, xt,zip,ico,jpeg,js,css,java,mp3,mp4,doc,docx],//允许的文件类型overwriteInitial: false,maxFileSize: 1500,//文件的最大大小 单位是kmaxFilesNum: 10,//最多文件数量 // allowedFileTypes: [image, video, flash],slugCallback: function(filename) {return filename;}});

php代码

$file=$_FILES[file];//获取上称文件的信息，数组形式$date[file_name] = $file[ ame];//文件的名称$date[file_size] = $file[size];//文件的大小$date[file_type] = $file[ ype];//文件的类型

然后进行上传，用ajax返回一个错误信息或者成功信息

直接用echo返回也行。

样式：

以上所述是小编给大家介绍的基于bootstrap的上传插件fileinput 的ajax异步上传功能(支持多文件上传预览拖拽),希望对大家有所帮助！！

Ajax犯的错误处理方法

ajax怎样才能读取本地的json

按钮的Ajax请求时一次点击两次提交的解决方法