文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Laravel 5.1中使用旧输入重新填充Dropzone Div

问如何在Laravel 5.1中使用旧输入重新填充Dropzone Div
EN

Stack Overflow用户

提问于 2015-09-07 04:54:18

回答 1查看 556关注 0票数 2

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

我的问题如下:当我将所有的照片推到一个会话中，直到我保持与帖子的关系的那一刻，我不知道当一些字段没有被填充的时候该如何处理。我需要返回并再次显示该表单。

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

所以我在想，如果某个请求失败了(没有填满所有的输入)，那么就刷新session Photo字段。

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

有没有人可以跟我说或者提个建议。

laravel-5

dropzone.js

回答 1

Stack Overflow用户

发布于 2015-09-10 22:42:37

在我看来，刷新会话不是一个好主意。当表单验证失败时，上传图像的用户将不得不再次上传图像。最好是重新填充它们。

解决方案

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

为了获得HTML结构，您可以上传一张图片(在dropzone中拖放n下)，使用开发人员工具检查上传的图片，并复制生成的代码。

您需要做的唯一一件事就是将所有照片添加到服务器端的一个数组中。

我的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>

你可能需要使用一些css或js来设计它的样式，并使其他功能发挥作用，例如删除按钮。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32428211

复制

相似问题

问如何在Laravel 5.1中使用旧输入重新填充Dropzone Div
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Laravel 5.1中使用旧输入重新填充Dropzone DivEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Laravel 5.1中使用旧输入重新填充Dropzone Div
EN