图片上传预处理(剪裁压缩)

基于bootstrap的fileinput.js上传图片插件,在上传前进行图片的剪裁压缩,对图片大小及宽高不做限制,方便用户上传图片。

写入代码前需要引入jquery.js及fileinput.js

    //初始化fileinput控件(第一次初始化)function initFileInput(ctrlName, uploadUrl,initImage,picId) {var control = $('#' + ctrlName);control.fileinput({language: 'zh', //设置语言uploadUrl: uploadUrl, //上传的地址allowedFileExtensions : ['jpg','png'],//接收的文件后缀maxFileCount:1,//maxFileSize : 200,//上传文件最大的尺寸enctype: 'multipart/form-data',showUpload: false, //是否显示上传按钮showCaption: false,//是否显示标题dropZoneTitle: "上传图片375 * 180分辨率效果更好,长宽比2:1左右",browseClass: "btn btn-primary", //按钮样式       previewFileIcon: "",initialPreviewAsData: true,initialPreviewFileType: 'image',minImageWidth:700,maxImageWidth: 10,//图片的最大宽度initialPreview: [ //预览图片的设置 初始化加载'未选择图片']});var canBeUplo


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部