bootstrap-fileinput support cors-Domain
扩展 支持 跨域 上传 文件
代码地址: https://github.com/zaqzaq/bootstrap-fileinput
需要 引入的 文件
<link href="css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
<link href="css/bootstrap3.css" media="all" rel="stylesheet" type="text/css" /> //针对bootstrap 2+ 版本
<script src="js/fileinput.js" type="text/javascript"></script>
<script src="js/locales/zh.js" type="text/javascript"></script>
<script src="js/jquery.iframe-transport.js" type="text/javascript"></script>
html UI节点
<input id="filePicker" type="file" class="file-loading" title="选择图片">
JS DEMO 上传文件
$("input[type='file']").fileinput({
language : 'zh',
uploadUrl: uploadUrl,
initialPreview: initialPreviewArray,
initialPreviewAsData: true,
initialPreviewFileType: 'image',
overwriteInitial: true,
ajaxSettings:{
extraData:{
redirect:location.origin+"/fileinput/cors/result.html"
}
},
allowedFileExtensions : ['jpg', 'png','gif','jpeg','bmp'],
allowedFileTypes: ['image'],
showUpload: false,
slugCallback: function(filename) {//选择后未上传前 回调方法
return filename.replace('(', '_').replace(']', '_');
}
}).on("fileuploaded", function(event, data){//上传成功事件
console.log("上传成功")
console.log(data.response)
});
上传服务器后台 关键代码
String retVal=Urlencode.encode(returnJson);
response.sendRedirect(redirect+"?\"retVal\"")
注:redirect 为前台的入参回调url ,returnJson 上传后返回的消息
贴上 修改 动态修改 fileinput 配置属性 的demo代码
$("input[type='file']").data('fileinput').options.uploadUrl=“xxx.xx” //将上传的路径修改成xxx.xx
相关推荐
官方的bootstrap-fileinput-4.3.2 bootstrap fileinput 4.3.2 官方 文件图片上传
bootstrap-fileinput-masterbootstrap-fileinput-masterbootstrap-fileinput-master
bootstrap-fileinput-master最新文件上传插件源码
bootstrap-fileinput源码:https://github.com/kartik-v/bootstrap-fileinput bootstrap-fileinput在线API:http://plugins.krajee.com/file-input bootstrap-fileinput Demo展示:...
最好用的bootstrap-fileinput上传组件,支持多图上传,详细使用方式请查看http://blog.csdn.net/zzq900503/article/details/73499514
bootstrap-fileinput API 文档
这是bootstrap的一个上传控件fileinput,网上下载的一些代码不全,会导致图标、功能出现异常。于是自己就到官网的github下载了一套代码,...另附上官方GitHub网址:https://github.com/kartik-v/bootstrap-fileinput
bootstrap-fileinput是一款非常优秀的HTML5文件上传插件,支持文件预览、多选等一系列特性。一款非常优秀的HTML5文件上传插件,支持bootstrap 3.x 和4.x版本,具有非常多的特性:多文件选择。这个插件能最简单的帮你...
上传插件(中文版)bootstrap-fileinput-master
一个bootstrap风格的文件上传组件,包含多种文件上传样式,功能强大。
bootstrap-fileinput官方工具包,通过使用它可以实现在bootstrap下的文件图片上传
bootstrap-fileinput实现多图片上传,界面美观,功能全面
本插件还提供给你一个简单的方式去安装一个先进的文件选择/上传控制版本去配合Bootstrap CSS3样式。通过对很多种文件提供预览支持,比如图片,文本,html,视频,声音,flash和对象,它大大增强了文件输入的功能。...
bootstrap-fileinput常用的css和js文件大全,项目中亲测好用。不是所有文件都需要引入,按个人需求引入即可。
自己写的文件上传demo,配合bootstrap,打开html文件即可使用 bootstrap文件包含js,css,image,font等
功能描述 1、带预览图 2、多图上传 3、中断上传 4、移除上传 5、模块化操作 6、基于bootstrap的上传控件
最新bootstrap-fileinput 汉化,包含,bootstrap-fileinput上传插件的所有js,和css文件。