Nasıl html form dosya türünden bir modal pencerede görüntü nasıl açılır

Question

Bir form dosyası girdisinden bir resim seçtiğimde, resmi bir açılır pencerede nasıl açabilirim?

<input type="file" class="form-control"> 

Answer 1

giriş alanından Base64 edinebilir ve modal içinde bir <img> elemana bunu ekleyebilirsiniz. Aşağıdaki bağlantıdan ayrıntıları bulun.

FileReader.readAsDataURL()

Answer 2

Sen Fancybox kullanabilirsiniz, ancak base64 böyle ... Eğer görüntü için bazı ayarlarını yapmanız gerekmektedir kodlamak kullanırsanız:

 <script type="text/javascript"> 
    $(document).ready(function() { 
     $('.fancybox-cs').fancybox({ 
     type  : 'image' 
     }); 
    }); 
    </script>