Question

我正在使用Expo.Filesystem.downloadAsync下载大号。图片和视频之类的文件。但有时有时会无限期地卡住。我打算在循环内下载文件。代码是：

        let image_downloading = section.map(async (item, i) => {
            item.image !== null  ?
                await FileSystem.downloadAsync(item.image,
                    directory + item.image.split("/").reverse()[0]
                )
                    .then(({ uri }) => {
                        item['image'] = uri;
                        console.log('Finished downloading section to ', uri);
                    })
                    .catch(({error}) => {
                        console.log('errorrrrrrrrrrrrr',error)
                    })
                : null
    });
    await Promise.all(image_downloading);

我也尝试过使用FileSystem.createDownloadResumable。使用createDownloadResumable时，下载速度非常慢

Answer 1

实际的问题出在我发送请求下载文件的服务器上。

它冻结一次获取大量请求。

所以我将功能更改为一次仅发送20个请求，然后等待一秒钟再发送下一个20。

首先，我将数组拆分为相同大小的块

let item_chunk_size = 20;
let itemArray = [];
for (let i = 0;i<items.length; i+= item_chunk_size)  {
    let myChunk = items.slice(i, i+item_chunk_size);
    itemArray.push(myChunk)
}

然后一次发送20个请求

下载图像

for (let i=0;i<itemArray.length;i++){
    let itemChunk = itemArray[i].map(async item => {
        if(item.image !== '' && item.image){
            await FileSystem.downloadAsync(
                item.image,
                directory + item.image.split("/").reverse()[0]
            )
                .then(({uri}) => {
                    this.setState({count:this.state.count+1});
                    item['image'] = uri;
                    console.log('Finished downloading section to ', uri);
                })
        }
        if(item.video !== '' && item.video){
            await FileSystem.downloadAsync(
                item.video,
                directory + item.video.split("/").reverse()[0]
            )
                .then(({uri}) => {
                    this.setState({count:this.state.count+1});
                    item['video'] = uri;
                    console.log('Finished downloading section to ', uri);
                })
        }
    });
    await Promise.all(itemChunk);
    await this.wait(1000);
}

20个请求后等待一秒钟的功能

 wait = async(ms) => {
    return new Promise(resolve => {
        setTimeout(resolve, ms);
    })
}

使用Expo.Filesystem.downloadAsync下载大量文件有时会无限期卡死

1 个答案: