Laravel 5 如何继续使用Laravel 5.1中的旧输入重新填充Dropzone Div

Laravel 5 如何继续使用Laravel 5.1中的旧输入重新填充Dropzone Div,laravel-5,dropzone.js,Laravel 5,Dropzone.js,我正在制作一个带有输入的Post表单,以及一个dropzone Div来上传照片 我的问题如下:当我把所有的照片都推到一个会话中,直到我坚持与帖子的关系的那一刻,我不知道当某个字段没有被填充时该如何进行。 我需要回去再次提交表格 问题是我所有的dropzone照片都将从表单中清空,而不是从会话中清空。因此,如果我再次正确填写表单并提交数据,我将保留更多照片 因此,我想在制作一个关于某个请求失败(未填充所有输入)的事件时,刷新会话照片字段 但是我不知道这个请求失败的事实是如何表示的,或者我应该用例

我正在制作一个带有输入的Post表单,以及一个dropzone Div来上传照片

我的问题如下:当我把所有的照片都推到一个会话中,直到我坚持与帖子的关系的那一刻,我不知道当某个字段没有被填充时该如何进行。 我需要回去再次提交表格

问题是我所有的dropzone照片都将从表单中清空,而不是从会话中清空。因此,如果我再次正确填写表单并提交数据,我将保留更多照片

因此,我想在制作一个关于某个请求失败(未填充所有输入)的事件时,刷新会话照片字段

但是我不知道这个请求失败的事实是如何表示的,或者我应该用例如Input:old重新填充dropzone Div


有谁能向我讲话或提出建议吗?

在我看来,冲洗会议不是一个好主意。当表单验证失败时,上载图像的用户将不得不再次执行此操作。最好是重新填充它们

解决方案

您可以在表单中的dropzone输入下方添加图像,这些图像将作为上载图像填充。您只需要一个HTML结构

为了获得HTML结构,您可以上载一个图像(在dropzone中拖放),使用开发人员工具检查上载的图像并复制生成的代码

您唯一需要做的就是将所有照片添加到服务器端的阵列中

我的HTML代码:

<div id="photos" class="dropzone">
    <input name="file" type="file">

    @foreach ($uploadedPhotos as $uploadedPhoto)
        <div class="dz-preview dz-processing dz-image-preview dz-success">
            <div class="dz-details">
                <img data-dz-thumbnail=""
                  src="{{ $uploadedPhoto['src'] }}"
                  class="@if ($uploadedPhoto['vertical']) vertical @endif">
            </div>
            <div class="dz-progress">
                <span class="dz-upload" data-dz-uploadprogress="" style="width: 100%;"></span>
             </div>
             <div class="dz-success-mark"><span>?</span></div>

             <a class="dz-remove" href="javascript:undefined;" data-dz-remove="">Remove image</a>
         </div>
    @endforeach
</div>

@foreach($uploadedPhotos作为$uploadedPhoto)
?
@endforeach

您可能需要稍微使用css或js来设置样式,并使其他功能发挥作用,例如删除按钮。

Hello@Dovis,谢谢您的回复。我最终使用了本文提到的guid。此外,我还必须使用init:function(){来使用mockfile,如果用户没有填充所有字段,那么它将重新填充dropzone。例如。我认为你的想法也很好,但我不希望dropzone有另一个div。如果出现问题,我宁愿使用现有的