1.引入fileinput相关的css和js(如需要中文显示,则引入对应的中文js包)
2.前端js上传的主要实现方法如下:
$(function () {
loadRole();
initFileInput("pic_path","../SalesImageController/SalesImageController_uploadFile.do");
});
//关闭
function cancle(){
history.back();
}
function initFileInput(ctrlName, uploadUrl) {
var control = $('#' + ctrlName);
control.fileinput({
resizeImage : true,
maxImageWidth : 200,
maxImageHeight : 200,
resizePreference : 'width',
language : 'zh', //设置语言
uploadUrl : uploadUrl,
uploadAsync : true,
allowedFileExtensions : [ 'png', 'jpeg', 'gif', 'jpg' ],//接收的文件后缀
showUpload : true, //是否显示上传按钮
showCaption : true,//是否显示标题
browseClass : "btn btn-primary", //按钮样式
previewFileIcon : "<i class='glyphicon glyphicon-king'></i>",
maxFileCount : 10,
msgFilesTooMany : "选择文件超过了最大数量",
maxFileSize : 104857600, //设置最大上传值
layoutTemplates:{
actionDelete: '',//去除上传预览的缩列图中的删除图标
actionUpload: '',//去除上传预览的缩列图中的上传图标
// actionZoom: '',//去除上传预览的缩列图中