Jquery (veya Javascript) İle Upload Öncesi Upload Adedi Sınırlama

17-03-2018, 18:27:21

Çoklu upload sisteminde Gözat dendiğinde topluca dosya seçtirdiğimizde seçilen dosyayı sınırlayabilir miyiz. Örneğin sadece 10 adet dosya seçebilsin upload öncesi. Yazılım tarafında değil de form alanında bunu yapmam lazım.
JQ veya JS işimi görebilir.

17-03-2018, 18:30:57

#2

aTKn94

berdos adlı üyeden alıntı: mesajı görüntüle

Çoklu upload sisteminde Gözat dendiğinde topluca dosya seçtirdiğimizde seçilen dosyayı sınırlayabilir miyiz. Örneğin sadece 10 adet dosya seçebilsin upload öncesi. Yazılım tarafında değil de form alanında bunu yapmam lazım.
JQ veya JS işimi görebilir.

<input name="image[]" id="image" type="file" multiple="multiple" accept="image/jpg, image/jpeg" >

<script> $("#image").on("change", function() { 
 if($("#image")[0].files.length > 2) { 
 alert("You can select only 2 images");
 } else { $("#imageUploadForm").submit();
 } 
 }); </script>

17-03-2018, 19:04:51

#3

tarantula901

aTKn94 adlı üyeden alıntı: mesajı görüntüle

<input name="image[]" id="image" type="file" multiple="multiple" accept="image/jpg, image/jpeg" >

<script> $("#image").on("change", function() {
 if($("#image")[0].files.length > 2) {
 alert("You can select only 2 images");
 } else { $("#imageUploadForm").submit();
 }
 }); </script>

Bu kodu bende arıyordumda seçilen resimleri submit butonuna basmadan ajax ile otomatik olarak post yapıyor oto post olayına göre uyarlayabilirmisiniz. resimleri seç deyince uyarı çıkıyor tamam tıklayınca resimleri yüklemiş oluyor bu kısmı atlayamıyorum post etememesi lazım

17-03-2018, 20:03:00

#4

aTKn94

tarantula901 adlı üyeden alıntı: mesajı görüntüle

Bu kodu bende arıyordumda seçilen resimleri submit butonuna basmadan ajax ile otomatik olarak post yapıyor oto post olayına göre uyarlayabilirmisiniz. resimleri seç deyince uyarı çıkıyor tamam tıklayınca resimleri yüklemiş oluyor bu kısmı atlayamıyorum post etememesi lazım

Kodları atarsanız bakalım

17-03-2018, 20:08:36

#5

tarantula901

Kod

<input type="file" id="download[]" class="download" name="download[]" onchange="download()"  multiple="multiple"/>
<script>
function download() {       
$("#return").show();
$("#return").html('');
$("#return").html('<img src="https://78.media.tumblr.com/a114f92af50ecce126021be7da831869/tumblr_o4506wyxHi1u321w8o1_500.gif" alt="uploading..."/>');
$("#form").ajaxForm({
target: '#return',
success: function(cevap) {
$("#return").html(cevap);               
            }            
        }).submit();
    }
</script>

17-03-2018, 21:22:59

#6

berdos

aTKn94 adlı üyeden alıntı: mesajı görüntüle

<input name="image[]" id="image" type="file" multiple="multiple" accept="image/jpg, image/jpeg" >

<script> $("#image").on("change", function() {
 if($("#image")[0].files.length > 2) {
 alert("You can select only 2 images");
 } else { $("#imageUploadForm").submit();
 }
 }); </script>

Ben mi yapamadım acaba aynen aldım form içine ekledim formun id değeri imageUploadForm
50 tane seçtim hepsini seçip post ettirdim etti. Etmemesi gerekiyordu

27-03-2018, 21:47:14

#7

seogrenci

Dikkat ederseniz form değilde dosya seçme elamanı seçilmiş, Yani sizde input type değeri file olan elamanın değerini #image ile değiştirmeniz lazım.

berdos adlı üyeden alıntı: mesajı görüntüle

Ben mi yapamadım acaba aynen aldım form içine ekledim formun id değeri imageUploadForm
50 tane seçtim hepsini seçip post ettirdim etti. Etmemesi gerekiyordu