小编Abd*_*hab的帖子

在 React 中上传和预览视频

我正在使用 Upload 上传视频文件antd。我想上传视频并将上传的视频<video>作为源提供给标签,但我没有得到正确的解决方案。你能让我摆脱解决方案吗?提前致谢。

import React, { useState } from 'react';
 import { Upload, Button } from "antd";

export default function UploadComponent(props) {
    const initialstate = {
        videoSrc:""
    }

    const [videoSrc , seVideoSrc] = useState("");
    const { videoSrc } = apiData;

    const handleChange = (info) => {
        console.log(info)

     //set the video file to videoSrc here
    };


    return (
        <React.Fragment>
            <div className="action">
                <Upload className="mt-3 mb-3"
                    accept=".mp4"
                    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
                    listType="picture"
                    maxCount={1}
                    onChange={handleChange}>
                    <Button>
                       Upload
                    </Button>
                </Upload>

                <video width="400" controls>
                  <source …
Run Code Online (Sandbox Code Playgroud)

javascript jsx html5-video reactjs

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

html5-video ×1

javascript ×1

jsx ×1

reactjs ×1