Question

我有一个简单的项目，可以动态上传图像我创建了一个视图，它允许使用jquery插件添加多个图像，并且它可以正常工作，因为我可以看到网页上的所有附件。问题是，当我点击提交按钮并尝试死亡和转储，因此dd（$ photos）;和$ photos是输入字段的html名称属性中的照片数组，数据类型是数组，但它只包含一个图像，而在html我上传了三个图像。

我在

下面添加了我的代码段

<div class="row">
                                <div class="col-md-12">
                                    <div class="input-group control-group increment" >
                                        <input type="text" name="photos[]" class="form-control">
                                        <div class="input-group-btn">
                                            <button class="btn btn-success" type="button"><i class="glyphicon glyphicon-plus"></i>Add region photo</button>
                                        </div>
                                    </div>
                                    <div class="clone hide">
                                        <div class="control-group input-group" style="margin-top:10px">
                                            <input type="text" name="photos[]" class="form-control">
                                            <div class="input-group-btn">
                                                <button class="btn btn-danger" type="button"><i class="glyphicon glyphicon-remove"></i> Remove photo</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                            </div>

以及下面的jquery代码

<script type="text/javascript">

    $(document).ready(function() {

        $(".btn-success").click(function(){
            var html = $(".clone").html();
            $(".increment").after(html);
        });

        $("body").on("click",".btn-danger",function(){
            $(this).parents(".control-group").remove();
        });

    });

</script>

任何人都可以帮助我吗，我今天是第二天的堆栈

非常感谢

亚历

Answer 1

你可以上传图像，如上传图片和显示预览给用户，这种方式用户也可以删除所选图像，在提交按钮上你可以从预览中转换base10编码图像然后将其转换为blob。我{{3附上我工作的截图。如果你需要，请问我代码

使用Laravel Framework上传多个图像

1 个答案: