支持功能:批量图片载入、文件(File)加载、远程资源加载(URL)、图片缩放、原图载入。
钩子函数:图片加载失败、程序中断、裁剪完毕。
demo目录内为简单测试案例
演示地址:http://101.34.62.75:6005/
个人博客:http://yangrd.com/
GitHub开源地址:https://github.com/yangrds/batch-clip
基础使用
npm install batch-clip
const clip = new Clip({ el: '#file-clip',Files:[file,file]})
clip.submit = (files)=>{
console.log(files)
}
clip.LoadFailed = (url)=>{
console.log(url)
}
clip.interrupt = ()=>{}
Attributes
参数 | 说明 | 必填 | 类型[默认] |
---|
el | 渲染至指定DOM节点 | 是 | string|Document | Files | 文件列表,兼容File对象和在线图片URL | 是 | Array<File>|Array<string> | isFile | 默认true,false为远程图片模式。 | 否 | Boolean[true] | zoom | 缩放模式,尺寸充满可视区域,false为原图模式 | 否 | Boolean[false] |
Hook function
名称 | 说明 | 注入参数 |
---|
submit | 注入裁剪完毕的文件列 | Array<File> | LoadFailed | 远程图像资源加载失败 | string | interrupt | 程序中断 | 无 |
|