Question

以下是我的整个文件上传代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="https://rawgithub.com/hayageek/jquery-upload-file/master/js/jquery.uploadfile.min.js"></script>
</head>
<body>  
@foreach($value as $val)
<div id="mulitplefileuploader">Upload</div>  // don't confuse with foreach loop it's laravel way
@endforeach  // the loop will run for 5 times (say)
<div id="status"></div>
<script>
$(document).ready(function()
{
var settings = {
    url: "upload.php",
    method: "POST",
    allowedTypes:"jpg,png,gif,doc,pdf,zip",
    fileName: "myfile",
    multiple: true,
    onSuccess:function(files,data,xhr)
    {
        $("#status").html("<font color='green'>Upload is success</font>");
    },
    onError: function(files,status,errMsg)
    {       
        $("#status").html("<font color='red'>Upload is Failed</font>");
    }
}
$("#mulitplefileuploader").uploadFile(settings);

});
</script>

当我尝试在foreach循环中使用<div id="mulitplefileuploader">Upload</div>时（接近5次），它只出现在最后一个循环中。

如何让它出现在所有循环中？

更新：

为了更好地理解，我在这里创造了一个小提琴http://jsfiddle.net/L08p1upt/

我如何在这里有3个上传选项？

我尝试的时候，我这样给我http://jsfiddle.net/L08p1upt/1/

我怎么能同时上传三个？

以下是Tutorial我跟随

Answer 1

感觉就像你应该使用一个类来查找元素。

尝试：

<div id="mulitplefileuploader" class="fileuploader">

和

$(".fileuploader").uploadFile(settings);

顺便说一句，在多个元素中使用相同的id永远不是一个好主意，否则你会发现很多这个问题。正如在评论中所说，你应该枚举id，即multiplefileuploader1，multiplefileuploader2。

Div不会在foreach循环中应用所有时间

更新：

1 个答案: