Skip to content

MoeKit/seedit-uploader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

seedit-uploader spm version


图片上传组件,用以替代flash上传


使用方法

存在isShow属性,且其值为true,上传后可预览
存在isDel属性,且其值为true,上传预览后可删除 存在isCompress属性,且其值为true,图片压缩后上传
classtype 'string',上传图片是否带水印,可选值['user','sys'],默认'user'带水印

添加图片尺寸选项:可使用等比压缩和强制填充,详情看初始化参数 [width] [height] [adaptive] [force],选择压缩上传后设置无效。

var Uploader = require('seedit-uploader');
	
seeditUploader = new Uploader({
	target:'#target1'
	},
	upSuccse(data){
	}
);

##初始化参数

  • limit: 限制上传文件大小(IE无效),单位为M,默认值为3, 最大值不超过接口限制(10)
  • target: 选择器,添加组件的容器(必填)
  • isShow: 上传后是否预览,值为true或false,默认为false
  • isDel: 上传预览后是否可删除,值为true或false,默认为false
  • isCompress: 是否压缩后上传(IE无效),值为true或false,默认为false
  • compressLimit: 单位kb,图片大小超出该值则压缩,默认为300。isCompress为false则设置无效
  • compressRatio: 图片压缩的比率,默认为0.8。isCompress为false则设置无效
  • classtype: 上传图片是否带水印,可选值['user','sys'],默认'user'带水印,isCompress为true则IE外浏览器设置无效
  • delBtnW: 删除按钮的直径大小,默认值30%
  • api: 图片上传的接口,无特殊需求不传
  • width: 默认不传,如指定宽度尺寸,则按宽等比缩放
  • height: 默认不传,如指定高度尺寸,则按高等比缩放
  • within: 默认不传,如指定宽高尺寸且within参数值为1,则按最小边等比缩放
  • force: 默认不传, 如指定宽度尺寸且force参数值为1,则强制填充(拉伸或压缩)指定的图片尺寸
    *如within与force同时存在,within参数则无效

##事件机制

  • delSuccse: 图片删除成功后执行的事件
  • upSuccse: 图片上传成功后返回图片链接时执行的事件
  • upError: 图片上传失败后返回错误信息时执行的事件
  • beforeAjax: 调用接口前的事件,使用app内部上传控件的三个系统暂时设置无效
  • beforeCompress: 压缩前事件,isCompress为false则设置无效
  • progress: 返回图片上传进度,若外部无传入事件则不执行.(IE及安卓4.2.1只返回纯文字)
  • pcompressProgress:返回图片压缩进度(伪),isCompress为false则设置无效
  • errorMessage: 验证失败时提示语句执行事件(触发Ajax前)

##接口相关

http://image.office.bzdev.net/upload.php http://image.office.bzdev.net/upload_base64.php