代码演示

注

目前该上传组件采用FormData向后台提交文件数据。

基本展示形式（列表形式）, 用于表单上传

<kl-upload action='your_upload_address'></kl-upload>

卡片展示形式，用于表格上传

<kl-upload action='your_upload_address' list-type="card"></kl-upload>

基本展示形式，配置多选上传

<kl-upload action='your_upload_address' multiple={true}></kl-upload>

卡片展示形式，配置多选上传

<kl-upload action='your_upload_address' list-type="card" multiple={true}></kl-upload>

文件类型限制

<kl-upload action='your_upload_address' file-list={list} accept=".jpg,.zip,video/*,audio/*"></kl-upload>

文件大小限制

<kl-upload action='your_upload_address' max-size="830M"></kl-upload>

每行展示文件个数和总文件个数限制

<kl-upload action='your_upload_address' multiple={true} num-limit={15} num-perline={4}></kl-upload>

带有已上传文件的形式

<kl-upload action='your_upload_address' file-list={list}></kl-upload>

var component = new NEKUI.Component({
    template: template,
    data: {
        list: [
            {
                name: 'kaola-logo.jpeg',
                url: 'http://haitao.nos.netease.com/264271ddbec447288f17aef71119b1f4.png?imageView&thumbnail=220x0&quality=85&v=1'
            },
            {
                name: '权限申请交互.rar',
                url: 'http://jira.netease.com/secure/attachment/176692/%E6%9D%83%E9%99%90%E6%89%B9%E9%87%8F%E7%94%B3%E8%AF%B7%E4%BA%A4%E4%BA%92-%E7%94%B3%E8%AF%B7%E7%AF%AE.rar'
            },
            {
                name: 'app-2dcode.jpeg',
                url: 'http://mm.bst.126.net/images/index/2dcode-app.jpg'
            }
        ]
    }
});

API

KLUpload

Kind: global classExtend: Component

new KLUpload()