react,antd-mobile图片组件并带有预览功能

最新推荐文章于 2024-08-23 17:52:15 发布

你亦老

最新推荐文章于 2024-08-23 17:52:15 发布

阅读量1.8k

点赞数 2

文章标签： react.js 前端移动开发 ant

本文链接：https://blog.csdn.net/weixin_57229715/article/details/122110968

版权

本文介绍了如何在React项目中利用antd-mobile库创建一个具有预览功能的图片组件。通过引用antd-mobile的ImagePicker和Preview组件，详细讲解了组件的配置和使用方法，帮助开发者实现移动端图片上传和预览的交互体验。

摘要由CSDN通过智能技术生成

import React, { Component } from 'react';
import { Image, Space, ImageViewer } from 'antd-mobile';
import { Skeleton } from 'antd';

const fileDocDownloadPath = 'api/docrepo/download?attachmentId=';
class Index extends Component {
  constructor(props) {
    super(props);
    this.state = {
   srcList: [
        'https://images.unsplash.com/photo-1620476214170-1d8080f65cdb?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3150&q=80',
        'https://images.unsplash.com/photo-1601128533718-374ffcca299b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib