外星人源码论坛 首页 编程经验 AntDesign结合mockjs随机生成图片

AntDesign结合mockjs随机生成图片

2018-3-5 06:40
原作者: 外星人源码网 来自: 外星人源码网 收藏 分享 邀请

首先在七牛云存储一定数量的mock图片,比如笔者存储了近千张,方便接下来在代码中使用。图片的来源可以通过爬取诸如https://unsplash.it/400/800/?random等网站实现,在此不赘述。核心步骤就是将图片以数字(如1-1000 ...

首先在七牛云存储一定数量的mock图片,比如笔者存储了近千张,方便接下来在代码中使用。
图片的来源可以通过爬取诸如https://unsplash.it/400/800/?random等网站实现,在此不赘述。
核心步骤就是将图片以数字(如1-1000)为文件名存储到七牛云,然后就可以在代码中通过随机int访问了。
再结合Ant Design的API,构造upload组件的Mock数据fileList如下:

const Mock = require('mockjs')
let data = Mock.mock({
  'data|4-8': [
    {
      id: '@id',
      title: '@title',
      namespace: 'desctab',
      content: '@paragraph',
      isPublish: '@boolean',
      createTime: '@datetime',
      'fileList|1-10': [{
        name: '@integer(1,960)',
        uid: '-@name',
        url: 'http://xxxxx.xxx.clouddn.com/@name',
        status: 'done',
      }],
    },
  ],
})

效果如下:


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

粉丝 阅读70 回复0
上一篇:
NodeJs安装与使用入门发布时间:2018-03-05
下一篇:
做一个具有异步加载特性的 echarts-vue 组件发布时间:2018-03-05
推荐资讯
阅读排行
国内最专业的源码技术交流社区
全国免费热线电话

0373-5171417

周一至周日9:00-23:00

反馈建议

admin@eenot.com 在线QQ咨询

扫描二维码关注我们