@cainiaofe/cn-ui-m
Version:
35 lines (34 loc) • 2.23 kB
JavaScript
import React, { useRef } from 'react';
import { CnButton, CnCard, CnDemoPage, CnOSSImageUpload, } from "../../..";
export var 其它用法 = function () {
var buttonUploadRef = useRef(null);
return (React.createElement(CnDemoPage, { title: "\u5176\u5B83\u7528\u6CD5" },
React.createElement(CnCard, { title: "\u9650\u5236\u56FE\u7247\u4E0D\u80FD\u8D85\u8FC7 1Mb" },
React.createElement(CnOSSImageUpload, { 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: "\u4EC5\u62CD\u7167" },
React.createElement(CnOSSImageUpload, { capture: "environment", requestConfig: {
// 测试接口，业务场景切勿使用，数据随时会被删除
url: 'https://pre-cnui.cainiao-inc.com/api/tars2/file/upload/getUploadFileScrip',
} })),
React.createElement(CnCard, { title: "\u70B9\u51FB\u6309\u94AE\u89E6\u53D1\u4E0A\u4F20" },
React.createElement(CnOSSImageUpload, { ref: buttonUploadRef, 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 = buttonUploadRef.current) === null || _a === void 0 ? void 0 : _a.uploader) === null || _b === void 0 ? void 0 : _b.onClick();
} }, "\u70B9\u51FB\u4E0A\u4F20"))));
};
export default { title: 'demo/CnOssImageUpload' };