Upload Dropzone

PDF hierher ziehen

<div class="upload-dropzone document-dropzone ">
  <fieldset>
    <div class="flex">
      <div class="image-wrapper">
        <i class="fa fa-file"></i>
        <p></p>
      </div>
      <div class="dialog">
        <p><i class="fa fa-upload"></i> PDF hierher ziehen</p>
        <label class="btn btn-default btn-sm" for="">auswählen</label>
      </div>
      <input accept=".pdf" type="file" id="" name="image" class="imgInp" data-name="" data-accept="document" value="">
      <input type="hidden" name="temp-file-name" data-name="temp-file-name" value="">
    </div>
  </fieldset>
</div>
			  

Datei hierher ziehen

<div class="upload-dropzone image-dropzone ">
  <fieldset>

    <div class="flex">
      <div class="image-wrapper">
        <img class="preview" class="preview" alt="" />
      </div>

      <div class="loading">
        <img src="/images/loader.svg" />
      </div>

      <div class="dialog">
        <p><i class="fa fa-upload"></i> Datei hierher ziehen</p>
        <label class="btn btn-default btn-sm" for="">auswählen</label>
      </div>

      <input acccept=".jpg, .png" type="file" id="" name="image" class="imgInp" data-name="" data-accept="image" value="">
      <input type="hidden" name="temp-file-name" data-name="temp-file-name" value="">
    </div>
  </fieldset>
</div>
			  

Datei hierher ziehen

Datei hierher ziehen

<div class="upload-dropzone image-dropzone add size-s">
  <fieldset>

    <div class="flex">
      <div class="image-wrapper">
        <img class="preview" class="preview" alt="" />
      </div>

      <div class="loading">
        <img src="/images/loader.svg" />
      </div>

      <div class="dialog">
        <p><i class="fa fa-upload"></i> Datei hierher ziehen</p>
        <label class="btn btn-default btn-sm" for="image-1">auswählen</label>
      </div>

      <input acccept=".jpg, .png" type="file" id="image-1" name="image" class="imgInp" data-name="" data-accept="image" value="">
      <input type="hidden" name="temp-file-name" data-name="temp-file-name" value="">
    </div>
  </fieldset>
</div>

<div class="upload-dropzone image-dropzone size-s">
  <fieldset>

    <div class="flex">
      <div class="image-wrapper">
        <img class="preview" src="/banklogos/831_logo3.png" />
      </div>

      <div class="loading">
        <img src="/images/loader.svg" />
      </div>

      <div class="dialog">
        <p><i class="fa fa-upload"></i> Datei hierher ziehen</p>
        <label class="btn btn-default btn-sm" for="image-2">auswählen</label>
      </div>

      <input acccept=".jpg, .png" type="file" id="image-2" name="image" class="imgInp" data-name="" data-accept="image" value="">
      <input type="hidden" name="temp-file-name" data-name="temp-file-name" value="">
    </div>
  </fieldset>
</div>
			  

Datei hierher ziehen

Datei hierher ziehen

<div class="upload-dropzone image-dropzone add">
  <fieldset>

    <div class="flex">
      <div class="image-wrapper">
        <img class="preview" class="preview" alt="" />
      </div>

      <div class="loading">
        <img src="/images/loader.svg" />
      </div>

      <div class="dialog">
        <p><i class="fa fa-upload"></i> Datei hierher ziehen</p>
        <label class="btn btn-default btn-sm" for="image-1">auswählen</label>
      </div>

      <input acccept=".jpg, .png" type="file" id="image-1" name="image" class="imgInp" data-name="" data-accept="image" value="">
      <input type="hidden" name="temp-file-name" data-name="temp-file-name" value="">
    </div>
  </fieldset>
</div>

<div class="upload-dropzone image-dropzone ">
  <fieldset>

    <div class="flex">
      <div class="image-wrapper">
        <img class="preview" src="/banklogos/831_logo3.png" />
      </div>

      <div class="loading">
        <img src="/images/loader.svg" />
      </div>

      <div class="dialog">
        <p><i class="fa fa-upload"></i> Datei hierher ziehen</p>
        <label class="btn btn-default btn-sm" for="image-2">auswählen</label>
      </div>

      <input acccept=".jpg, .png" type="file" id="image-2" name="image" class="imgInp" data-name="" data-accept="image" value="">
      <input type="hidden" name="temp-file-name" data-name="temp-file-name" value="">
    </div>
  </fieldset>
</div>