Question

首先，谢谢您的时间，其次，请再次阅读...我没有请求简单进度条的帮助，因为互联网上有大量的文档但是对于同一请求中的多个进度条...其中似乎没有关于它的任何教程。

我不想要这个插件，我试图通过我自己来做....在你的帮助下：D我认为我们可以在没有插件的情况下完成它

您需要做什么才能获得通过Ajax请求发送的文件的多个进度条？我几乎得到了它，但我还没有能够弄清楚下一步要做什么来区别每个事件并展示他们的进步。这是代码：

HTML：

while IFS= read -r line; do
    echo $file_ID $experiment $target $biological_replicate $technical_replicate $read_number $url $fastq_file $genome
    if [ "$experiment" == "$EXPERIMENT" ]; then
            if [ $biological_replicate == 1 ]; then
                    if [ $technical_replicate == 1 ]; then
                            if [ $read_number == 1 ]; then
                                    ID_111= $file_ID
                                    fastq_111= $fastq_file
                                    url_111= $url
                                    echo "FASTQ file 111 ID: $ID_111"
                                    echo "FASTQ file 111: $fastq_111"
                                    echo "FASTQ file 111 url: $url_111"
                            elif [ $read_number == 2 ]; then
                                    ID_112= $file_ID
                                    fastq_112= $fastq_file
                                    url_112= $url
                                    echo "FASTQ file 112 ID: $ID_112"
                                    echo "FASTQ file 112: $fastq_112"
                                    echo "FASTQ file 112 url: $url_112"
                            fi
                    elif [ $technical_replicate == 2 ]; then
                            if [ $read_number == 1 ]; then
                                    ID_121= $file_ID
                                    fastq_121= $fastq_file
                                    url_121= $url
                                    echo "FASTQ file 121 ID: $ID_121"
                                    echo "FASTQ file 121: $fastq_121"
                                    echo "FASTQ file 121 url: $url_121"
                            elif [ $read_number == 2 ]; then
                                    ID_122= $file_ID
                                    fastq_122= $fastq_file
                                    url_122= $url
                                    echo "FASTQ file 122 ID: $ID_122"
                                    echo "FASTQ file 122: $fastq_122"
                                    echo "FASTQ file 122 url: $url_122"
                            fi
                    fi   # <----- this one was missing
            elif [ $biological_replicate == 2 ]; then
            ...

这里是JS：

<div id="upload_pics">Upload+</div>
<ul id="here">
</ul>

Answer 1

不是编写文档正文中的所有内容，而是将每个实例包装到自己的对象中。在单个对象中获得正确的功能，然后您可以根据需要创建对象的多个实例，它将起作用。

如何显示通过ajax上传的EACH文件的不同进度条？

1 个答案: