将使用<input type =“file”/>选择的多张照片的来源附加到列表中，以便在上传之前使用imglist [i]进行显示

Question

我正在开发一个React应用程序，并希望在上传之前将setState设置为照片源。我正在尝试使用此功能：

const getImagesHandler = () => {
    let fileinput = document.getElementById("file-input");
    let files = fileinput.files;
    let photos = [];
    let i = 0;
    for(i=0; i<files.length;i++){
        photos.push(files[i].SOURCE??);
    }
    this.setState({Photos: photos)
    }

Answer 1

const getImagesHandler = () => {
        let photos = [];
        var fi = document.getElementById('file-input'); // GET THE FILE INPUT.

        // VALIDATE OR CHECK IF ANY FILE IS SELECTED.
        if (fi.files.length > 0) {
            // RUN A LOOP TO CHECK EACH SELECTED FILE.
            for (var i = 0; i <= fi.files.length - 1; i++) {
                console.log(fi.files.item(i));
                photos.push(fi.files.item(i));
            }
        }
        this.setState({ Photos: photos})