@cainiaofe/cn-ui-m
Version:
32 lines (31 loc) • 2.07 kB
JavaScript
import * as React from 'react';
import { CnPage, CnCard, CnButton, CnOSSImageUpload } from "../../..";
export default {
title: 'demo/CnOSSImageUpload',
};
export var 高级用法 = function () {
var uploadRef = React.useRef(null);
return (React.createElement(CnPage, null,
React.createElement(CnCard, { title: "beforeUpload \u9AD8\u7EA7\u7528\u6CD5", desc: "\u901A\u8FC7 beforeUpload \u5B9E\u73B0\u9650\u5236\u56FE\u7247\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 1Mb" },
React.createElement(CnOSSImageUpload, { multiple: true, requestConfig: {
// 测试接口，业务场景切勿使用，数据随时会被删除
url: 'https://pre-cnui.cainiao-inc.com/api/tars2/file/upload/getUploadFileScrip',
}, beforeUpload: function (file) {
// 单位 Mb
var size = file.size / 1024 / 1024;
// 大于 1Mb
if (size > 1) {
throw new Error('图片不能超过1Mb');
}
return file;
} })),
React.createElement(CnCard, { title: "ref \u9AD8\u7EA7\u7528\u6CD5", desc: "\u501F\u52A9 ref \u5B9E\u73B0\u70B9\u51FB\u4E0A\u4F20\u7EC4\u4EF6\u5916\u90E8\u7684\u5143\u7D20\u89E6\u53D1\u56FE\u7247\u4E0A\u4F20" },
React.createElement(CnOSSImageUpload, { ref: uploadRef, limit: 3, multiple: true, onChange: console.log, requestConfig: {
// 测试接口，业务场景切勿使用，数据随时会被删除
url: 'https://pre-cnui.cainiao-inc.com/api/tars2/file/upload/getUploadFileScrip',
} }),
React.createElement(CnButton, { style: { marginTop: 8 }, type: "primary", onClick: function () {
var _a, _b;
(_b = (_a = uploadRef.current) === null || _a === void 0 ? void 0 : _a.uploader) === null || _b === void 0 ? void 0 : _b.onClick();
} }, "\u70B9\u51FB\u5916\u90E8\u6309\u94AE\u4E0A\u4F20\u56FE\u7247"))));
};