【问题标题】:Custom File upload with other form fields using dropzone js and laravel使用 dropzone js 和 laravel 与其他表单字段一起上传自定义文件
【发布时间】:2019-04-24 17:33:41
【问题描述】:

这是我第一次使用 dropzone js。我有以下要求。

我的表单有以下字段

  1. 姓名
  2. 类别
  3. 说明
  4. 图片

这里 Name 是输入字段,Category 是选择器,Description 是 Textfield,Images 是多文件上传字段。

{{ csrf_field() }}
<div class="form-group">
    <label for="name" class="col-form-label">Name</label>
    <div>
    <input  type="text" name="name" class="form-control" 
            required placeholder="Enter Name of the Package"  value="@if(isset($package)) {{$package->name}} @else {{old('name')}}@endif" />
    </div>
</div>

 <div class="form-group">
    <label for="category_id" class="col-form-label">Select</label>

    <select class="form-control" name="category_id" required>
        <option value="">Select Category</option>
        @foreach($categories as $category )
            <option value="{{$category->id}}" 
                @if(isset($package)) 
                    @if($package->category_id==$category->id) 
                        selected 
                    @endif 
                @else
                    @if(old('category_id') == $category->id)
                        selected
                    @endif
                @endif

            >{{$category->name}}</option>
        @endforeach
    </select>

</div>

<div class="form-group">
    <label>Description</label>
    <textarea name="description" class="form-control" required placeholder="Type something">{{isset($package) ? $package->description:old('description')}}</textarea>
</div>
<div class="form-group">
   //here I need multiple file upload field with dropzone js
</div>

我的问题是当表单作为正常的发布请求提交时没有附加文件。有没有办法在 laravel 中制作这样的自定义表单。

我找到了很多只有图像上传字段的表单解决方案,但我没有找到适合我的案例的解决方案。 如果您需要更多信息,请随时询问。 谢谢,

【问题讨论】:

标签: laravel forms dropzone.js


【解决方案1】:

您可以尝试使用 .getAcceptedFiles() 或类似方法来获取上传的文件,然后在 ajax 帖子或获取中传递该信息。

【讨论】:

    猜你喜欢
    • 2021-12-07
    • 2015-08-01
    • 2015-07-03
    • 1970-01-01
    • 2013-06-12
    • 2018-12-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-14
    相关资源
    最近更新 更多