bootstrap-fileinput自动上传
来源:互联网 发布:mac 上的page键 编辑:程序博客网 时间:2024/06/05 11:11
function initFileInput() {
var control = $('#txt_file');
//初始化上传控件的样式
control.fileinput({
language: 'zh', //设置语言
uploadUrl: 'ajax.ashx?action=ImportExcel', //上传的地址
allowedFileExtensions: ['xls', 'xlsx'],//接收的文件后缀
uploadAsync: true, //默认异步上传
showUpload: true, //是否显示上传按钮
showRemove: true, //显示移除按钮
showPreview: true, //是否显示预览
showCaption: false,//是否显示标题
browseClass: "btn btn-primary", //按钮样式
//dropZoneEnabled: false,//是否显示拖拽区域
//minImageWidth: 50, //图片的最小宽度
//minImageHeight: 50,//图片的最小高度
//maxImageWidth: 1000,//图片的最大宽度
//maxImageHeight: 1000,//图片的最大高度
//maxFileSize: 0,//单位为kb,如果为0表示不限制文件大小
//minFileCount: 0,
maxFileCount: 1, //表示允许同时上传的最大文件个数
enctype: 'multipart/form-data',
validateInitialCount: true,
previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}!",
uploadExtraData: function (previewId, index) { //额外参数的关键点
var obj = {};
obj.fodder = getExtraData();
return obj.fodder;
}
}).on('filebatchselected', function (event, files) {//选中文件事件
$(this).fileinput("upload");
}).on("fileuploaded", function (event, d, previewId, index) {
var data = d.response.message;
var state = d.response.state;
if (data != "") {//导入失败
for (var i = 0; i < data.length; i++) {
var error = '<div class="alert kv-fileinput-error file-error-message">' +
'<button type="button" class="close" data-dismiss="alert"' +
'aria-hidden="true">' +
'×</button>' + data[i] + '。</div>'
$(".file-preview").append(error);
}
setTimeout(function () { $("#txt_file").fileinput('refresh'); }, 3000);
}
else if (state == "1")
{
$('#import').modal('hide');
}
});
}
var control = $('#txt_file');
//初始化上传控件的样式
control.fileinput({
language: 'zh', //设置语言
uploadUrl: 'ajax.ashx?action=ImportExcel', //上传的地址
allowedFileExtensions: ['xls', 'xlsx'],//接收的文件后缀
uploadAsync: true, //默认异步上传
showUpload: true, //是否显示上传按钮
showRemove: true, //显示移除按钮
showPreview: true, //是否显示预览
showCaption: false,//是否显示标题
browseClass: "btn btn-primary", //按钮样式
//dropZoneEnabled: false,//是否显示拖拽区域
//minImageWidth: 50, //图片的最小宽度
//minImageHeight: 50,//图片的最小高度
//maxImageWidth: 1000,//图片的最大宽度
//maxImageHeight: 1000,//图片的最大高度
//maxFileSize: 0,//单位为kb,如果为0表示不限制文件大小
//minFileCount: 0,
maxFileCount: 1, //表示允许同时上传的最大文件个数
enctype: 'multipart/form-data',
validateInitialCount: true,
previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}!",
uploadExtraData: function (previewId, index) { //额外参数的关键点
var obj = {};
obj.fodder = getExtraData();
return obj.fodder;
}
}).on('filebatchselected', function (event, files) {//选中文件事件
$(this).fileinput("upload");
}).on("fileuploaded", function (event, d, previewId, index) {
var data = d.response.message;
var state = d.response.state;
if (data != "") {//导入失败
for (var i = 0; i < data.length; i++) {
var error = '<div class="alert kv-fileinput-error file-error-message">' +
'<button type="button" class="close" data-dismiss="alert"' +
'aria-hidden="true">' +
'×</button>' + data[i] + '。</div>'
$(".file-preview").append(error);
}
setTimeout(function () { $("#txt_file").fileinput('refresh'); }, 3000);
}
else if (state == "1")
{
$('#import').modal('hide');
}
});
}
阅读全文
0 0
- bootstrap-fileinput自动上传
- bootstrap上传插件fileinput自动上传&成功回调
- bootstrap上传插件fileinput自动上传&成功回调
- bootstrap-fileinput图片上传
- bootstrap fileinput 文件上传
- bootstrap fileinput 上传插件
- bootstrap fileinput 上传图片
- Bootstrap Fileinput文件上传
- bootstrap-fileinput组件上传
- bootstrap fileinput 文件上传工具
- BootStrap FileInput 插件上传使用
- bootstrap fileinput 文件上传工具
- 文件上传组件bootstrap fileinput
- bootstrap-fileinput上传插件试用
- Bootstrap文件上传组件:bootstrap fileinput
- Bootstrap文件上传组件:Bootstrap fileinput
- Bootstrap文件上传组件:bootstrap fileinput
- Bootstrap-fileinput 多图片上传编辑
- 读懂 MySQL 执行计划
- Django发邮件
- IT忍者神龟之Linux Redis自动启动,Redis开机启动,Linux Redis设置开机启动
- Kotlin学习
- https
- bootstrap-fileinput自动上传
- 模板方法模式(java实现)
- 私有云落地解决方案之openstack高可用(pike版本)-cinder
- 公钥,私钥和数字签名关系
- 微软推出中文学习AI助手Microsoft Learn Chinese
- Python读写文件模式和文件对象方法
- Vue.directive 自定义指令
- java集合框架
- 动态规划的典型分析与代码实现----主java