بارگذاری پرونده | CORK الگوی مدیریتی تمام ریسپانسیو

تک فایل چندگانه فایل

بارگذاری (پرونده تنها) x

==========
   HTML
==========

<div class="custom-file-container" data-upload-id="myFirstImage">
    <label>بارگذاری (پرونده تنها) <a href="javascript:void(0)" class="custom-file-container__image-clear" title="Clear Image">x</a></label>
    <label class="custom-file-container__custom-file" >
        <input type="file" class="custom-file-container__custom-file__custom-file-input" accept="image/*">
        <input type="hidden" name="MAX_FILE_SIZE" value="10485760" />
        <span class="custom-file-container__custom-file__custom-file-control"></span>
    </label>
    <div class="custom-file-container__image-preview"></div>
</div>

=================
   Javascript
=================

//First upload
var firstUpload = new FileUploadWithPreview('myFirstImage')

بارگذاری (چندگانه اجازه می دهد) x

==========
   HTML
==========

<div class="custom-file-container" data-upload-id="mySecondImage">
    <label>بارگذاری (چندگانه اجازه می دهد) <a href="javascript:void(0)" class="custom-file-container__image-clear" title="Clear Image">x</a></label>
    <label class="custom-file-container__custom-file" >
        <input type="file" class="custom-file-container__custom-file__custom-file-input" multiple>
        <input type="hidden" name="MAX_FILE_SIZE" value="10485760" />
        <span class="custom-file-container__custom-file__custom-file-control"></span>
    </label>
    <div class="custom-file-container__image-preview"></div>
</div>

=================
   Javascript
=================

//Second upload
var secondUpload = new FileUploadWithPreview('mySecondImage')

تک بارگذاری پرونده

چندگانه بارگذاری پرونده

محسن رضایی

هومن شکیبا

زهرا جوان

تک بارگذاری پرونده

چندگانه بارگذاری پرونده