image_upload.blade.php 1.4 KB

1234567891011121314151617181920212223242526272829
  1. <link href=" {{ asset('css/image-upload.css') }}" rel="stylesheet">
  2. <div id="upload-files">
  3. <div class="wrapper">
  4. @for($i = 0; $i < 3; $i++)
  5. <div class="box">
  6. <div class="required-field-block" style="position: absolute; top:0; right: 0; display: none"
  7. onclick="clearInputFile(this)">
  8. <div class="required-icon" style="padding-top: 5px; padding-right: 5px; width: 1.2em">
  9. <span class="glyphicon glyphicon-remove" style="font-size: 1em; color: red;"></span>
  10. </div>
  11. </div>
  12. <div class="js--image-preview">
  13. <span class="glyphicon glyphicon-picture"></span>
  14. </div>
  15. <div class="upload-options">
  16. <label>
  17. <span class="glyphicon glyphicon-plus pt-1" style="font-size: 1.6em"></span>
  18. {{--<input type="file" class="image-upload" accept="image/*" name="image_{{ $i }}"/>--}}
  19. <input type="file" class="image-upload" accept="image/*" name="files[image_{{ $i }}]"/>
  20. <input class="image-upload" name="files[image_{{ $i }}]" data-is-deleted value=""/>
  21. </label>
  22. </div>
  23. </div>
  24. @endfor
  25. </div>
  26. </div>
  27. <script type="text/javascript" src="{{ asset('js/image-upload-preview.js') }}"></script>