Php 动态上传图像缩略图如何在循环中显示？

我有多个输入图像缩略图我有问题的图像缩略图，上传后缩略图只显示在第一行

下面是使用php引导javascript编写的脚本

$（“输入[name^='imagevar[]']”）。每个（函数（）{
//裁判
var$file=$（这个），
$label=$file.next（'label'）；
//选择新文件时
$file.on（'change'，函数（事件）{
var fileName=$file.val（）.split（'\\'）.pop（），
tmppath=URL.createObjectURL（event.target.files[0]）；
//检查成功选择
如果（文件名）
{
$label
.addClass（'file-ok'）
.css（'background-image'，'url（'+tmppath+'））；
}
其他的
{
$label.removeClass（'file-ok'）；
$label.css（'background-image'，''）；
}
});
});
函数add_row（）
{
$rowno=$（“#varian_表tr”）。长度；
$rowno=$rowno+1；
$（“#varian#u表tr:last”）。在（“”）之后；
}
函数删除_行（行号）
{
$（'#'+rowno）.remove（）；
}

.wrap自定义文件thumb{
位置：相对位置；
显示：内联块；
/***宽度：35px；
高度：35px**/
宽度：100px；
高度：100px；
保证金：0.5雷姆1雷姆；
文本对齐：居中；
边框：虚线#中交2px；
}
.wrap自定义文件拇指输入[type=“file”]{
位置：绝对位置；
排名：0；
左：0；
宽度：2倍；
高度：2倍；
溢出：隐藏；
不透明度：0；
}
.wrap自定义文件拇指标签{
z指数：1；
位置：绝对位置；
左：0；
排名：0；
底部：0；
右：0；
宽度：100%；
溢出：隐藏；
填充：0.5雷姆；
光标：指针；
背景色：无；
边界半径：4px；
-webkit转换：-webkit转换0.4s；
转换：-webkit转换0.4s；
转变：转变0.4s；
转换：转换0.4s，-webkit转换0.4s；
}
.wrap自定义文件拇指标签跨距{
显示：块；
边缘顶端：2rem；
字体大小：1.4rem；
颜色：#777；
-webkit过渡：颜色0.4s；
过渡：颜色0.4s；
}
.wrap自定义文件thumb label.fas{
位置：绝对位置；
最高：50%；
左：50%；
-webkit转换：translatex（-50%）；
转化：translatex（-50%）；
字体大小：1.5rem；
颜色：浅珊瑚；
-webkit过渡：颜色0.4s；
过渡：颜色0.4s；
}
.wrap自定义文件拇指标签：悬停范围.wrap自定义文件拇指标签：hover.fas{
颜色：#333；
}
.wrap自定义文件thumb label.file-ok{
背景尺寸：封面；
背景位置：中心；
}
.wrap自定义文件thumb label.file-ok span{
位置：绝对位置；
底部：0；
左：0；
宽度：100%；
填充：0.3rem；
字号：1.1rem；
颜色：#000；
背景色：rgba（255、255、255、0.7）；
}
.wrap自定义文件thumb label.file-ok.fas{
显示：无；
}

价格
瓦里安
价格
股票
img
美元。
img
加瓦里安
拯救
取消