@alicloud/console-components
Version:
Alibaba Cloud React Components
43 lines (42 loc) • 1.74 kB
JavaScript
/**
* title: "卡片式上传"
* description: ""
*/
import React from 'react';
import { Upload } from '@alicloud/console-components';
function beforeUpload(info) {
console.log('beforeUpload : ', info);
}
function onChange(info) {
console.log('onChange : ', info);
}
function onSuccess(info) {
console.log('onSuccess : ', info);
}
export default (function () {
return (React.createElement("div", null,
React.createElement(Upload.Card, { beforeUpload: beforeUpload, onChange: onChange, onSuccess: onSuccess, listType: "card", showDownload: false, defaultValue: [
{
name: 'IMG.png',
state: 'done',
url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
},
{
name: 'IMG.png',
state: 'uploading',
percent: 50,
downloadURL: '',
fileURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
imgURL: '',
},
{
name: 'IMG.png',
state: 'error',
errorMsg: '上传失败提示',
url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
},
] }, "\u4E0A\u4F20\u672C\u5730\u6587\u4EF6")));
});