Laravel 5 如何继续使用Laravel 5.1中的旧输入重新填充Dropzone Div
我正在制作一个带有输入的Post表单,以及一个dropzone Div来上传照片 我的问题如下:当我把所有的照片都推到一个会话中,直到我坚持与帖子的关系的那一刻,我不知道当某个字段没有被填充时该如何进行。 我需要回去再次提交表格 问题是我所有的dropzone照片都将从表单中清空,而不是从会话中清空。因此,如果我再次正确填写表单并提交数据,我将保留更多照片 因此,我想在制作一个关于某个请求失败(未填充所有输入)的事件时,刷新会话照片字段 但是我不知道这个请求失败的事实是如何表示的,或者我应该用例如Input:old重新填充dropzone DivLaravel 5 如何继续使用Laravel 5.1中的旧输入重新填充Dropzone Div,laravel-5,dropzone.js,Laravel 5,Dropzone.js,我正在制作一个带有输入的Post表单,以及一个dropzone Div来上传照片 我的问题如下:当我把所有的照片都推到一个会话中,直到我坚持与帖子的关系的那一刻,我不知道当某个字段没有被填充时该如何进行。 我需要回去再次提交表格 问题是我所有的dropzone照片都将从表单中清空,而不是从会话中清空。因此,如果我再次正确填写表单并提交数据,我将保留更多照片 因此,我想在制作一个关于某个请求失败(未填充所有输入)的事件时,刷新会话照片字段 但是我不知道这个请求失败的事实是如何表示的,或者我应该用例
有谁能向我讲话或提出建议吗?在我看来,冲洗会议不是一个好主意。当表单验证失败时,上载图像的用户将不得不再次执行此操作。最好是重新填充它们 解决方案 您可以在表单中的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。如果出现问题,我宁愿使用现有的