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请求时一次点击两次提交的解决方法