UIkit CSS Sürükle/bırak dosya yükleme bileşeni

Question

UIkit yükleme bileşenini web uygulamasında çalışırken sorun yaşıyorum. Yükleme bileşeni JS, yer tutucu css ve form dosyası css ekledim.

düz docs örneklerden kod benim için bile çalışmıyor. (Bazı küçük değişiklikler ile)

HTML

<div id="upload-drop" class="uk-placeholder"> 
    <i class="uk-icon-cloud-upload uk-icon-medium uk-text-muted uk-margin-small-right"></i> 
    <input class="uk-form-file" id="upload-select" type="file" accept="image/*"> 
</div> 

JS

$(function(){ 
    var settings = { 
     action: 'app/components/Parts/upload.php' 
    }; 

    var select = UIkit.uploadSelect($("#upload-select"), settings), 
     drop = UIkit.uploadDrop($("#upload-drop"), settings); 
    }); 
}); 

upload.php

<script> 
    document.location.href = "/test/#/; 
</script> 

Answer 1

UiKit's Javascript ile çalışmak için this article'dan PHP mantıklarını uygulayabileceğinizi düşünüyorum.

Aynı problemi yaşadım ve bana yardımcı oldu.

Answer 2

Tamam, bu eski olan. UIkit 3'ün yeni sürümü de bileşen yüklüyor ve kullanımı oldukça kolay. İşaretleme işlemini doğrudan docs'dan alın ve url parametresi için URL komut yolunu yerleştirin.

UIkit.upload(".test-upload", { 
    url: "upload.php",//your upload script can be some kind of route f.e. user/upload 
    multiple: true, 
... 

Ve php kodu gibi basit bir görünüm verebilir: Ben Codeigniter ile upload bileşeni kullanmak

if(isset($_FILES['files'])){ 

    for($i=0;$i<count($_FILES['files']['name']);$i++){ 
     foreach($_FILES['files'] as $v=>$file) { 
      $errors = array(); 
      $file_name = $_FILES['files']['name'][$i]; 
      $file_size = $_FILES['files']['size'][$i]; 
      $file_tmp = $_FILES['files']['tmp_name'][$i]; 
      $file_type = $_FILES['files']['type'][$i]; 
      $file_ext = strtolower(end(explode('.',$_FILES['files']['name'][$i]))); 

      $extensions = array("jpeg","jpg","png","docx","doc","pdf"); 

      if(in_array($file_ext,$extensions) === true){ 
       move_uploaded_file($file_tmp,"../../site/assets/files."/".strtolower($sanitizer->name($file_name))); 

      } 
     } 
    } 
}