smart-filer

smart file bundle : uploader & preview

Usage no npm install needed!

<script type="module">
  import smartFiler from 'https://cdn.skypack.dev/smart-filer';
</script>

README

smart-imager

imager can do: upload,preview,zoom, it will be stored into oss-index-database

How to use

参数说明 !!!!!如果无法打开本地上传,请查看是否 引入 fastclick插件

<!-- 用于标识 上传文件类型 (必传)-->
bucketAlias:'SmartEvent'
<!-- 上传文件 最大数量(默认为:3) -->
maxUpload:3
<!-- 上传文件/查询 关联id(必传)-->
mappingData:{
    processId: "3e9ff7bc-1c77-4bab-b07d-740c3b01f170",
    relatedId: "9d43c3d8-2617-4f6b-9e5c-bf912a61fdc7",
    relatedType: "Settle",
    catalog: "水单"
}
filterData:{
    relatedId: "9d43c3d8-2617-4f6b-9e5c-bf912a61fdc7",
    catalog: "水单"
}
<!-- 上传成功的回调 -->
onUploadSuccess:function(){
    alert(123);
}
<!-- 上传失败的回调 -->
onUploadFailed
<!-- 删除成功的回调 -->
onDeleteSuccess
<!-- 删除失败的回调 -->
onDeleteFailed
<!-- 使用Ui -->
platform:1 app端(默认),9:pc端
<!-- 是否支持pc端浏览图片 -->
showViewer:false(默认)/true
<!-- 是否设置为 只读模式 -->
readOnly:false(默认)/true
<!-- 接受上传文件类型 -->
accepts:'image/*'(默认)
    目前支持pdf,txt文件,以及png/jpg/jpeg等图片格式,传参请参考h5中input标签的accept属性
<!-- 上传文件主域名 -->
host:如果是从iaccount站点过来的话,会自动获取host,否则需要手动配置host
<!-- 单个头像上传 -->
singleFileUpload:false(默认),设置为true时,值允许上传一张图片,并且
<!-- 每次进入是否需要query,上传成功后(mapping后),是否需要query -->
isQuery:true(默认),