html js input fileupload,bootstrap-fileupload

[javascript]代码库

pageEncoding="UTF-8"%>

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

Insert title here

$(function () {

var control = $('#file-Portrait1');

//初始化上传控件的样式

control.fileinput({

language: 'zh', //设置语言

uploadUrl: '/struts2/fileupload.do', //上传的地址

//allowedFileExtensions: ['jpg', 'gif', 'png'],//接收的文件后缀

showUpload: true, //是否显示上传按钮

showCaption: true,//是否显示标题

showPreview: true,//是否预览

dropZoneEnabled: true,//是否显示拖拽区域

uploadAsync: true, //异步上传

browseClass: "btn btn-primary", //按钮样式

maxFileSize: 0,//单位为kb，如果为0表示不限制文件大小

//minImageWidth: 50, //图片的最小宽度

//minImageHeight: 50,//图片的最小高度

//maxImageWidth: 1000,//图片的最大宽度

//maxImageHeight: 1000,//图片的最大高度

//minFileCount: 0,

maxFileCount: 100, //表示允许同时上传的最大文件个数

enctype: 'multipart/form-data',

validateInitialCount:true,

previewFileIcon: "",

msgFilesTooMany: "选择上传的文件数量{n} 超过允许的最大数值{m}！"

});

control.on("fileuploaded", function(event, data, previewId, index) {

console.log(event);

console.log(data.response);//返回的数据

console.log(previewId);

console.log(index);

});

});