html5 sürükle ve bırak dosyaları - tüm form gönderildiğinde yükle

Question

"Gönderme ve bırakma" dosyaları form gönderiminde eklenebilir mi? Eşzamansız yükleme için birçok seçenek vardır.

Dosya verilerini yakalamak ve bir form alanına eklemek mümkün mü? Öyle ideal görüntü için veri gibi bir forma uyabilecek benim sunucu olarak Rails kullanıyorum

aşağıdaki gibidir:

<form multipart='multipart' > 
    <select name='files[type_id]'> 
    ... 
    ... 
    </select> 
    <!-- FILE DATA ? --> 
    <div id="file_drop_spot"> 

    </div> 

</form> 

Answer 1

Bunun üzerine bu konuyu bulundu: drag drop files into standard html file input

Bilmiyorum mümkün olduğuna inanıyorum, ancak bu etkiyi elde edebilirsiniz. Formu gönderdiğinizde, varsayılan davranışını engelleyin ve dosyayı ajax ile karşıya yüklemeye başlayın. Dosya yükleme tamamlandığında, varsayılan davranışını engellemeden formu yeniden işaretleyin ve gönderin.

şey gibi: o zaman

<form id="form"> 
    <input type="text" name="someText"></input> 
    <input id="submitButton" type="submit" onclick="uploadFile()"></input> 
</form> 

Ve javascript:

function uploadFile() { 

    document.getElementById("submitButton").disabled = true; 
    // Some ajax code to upload the file and then on the success: 
    success: function() { 

     document.getElementById("form").submit(); 

    } 
    return false; // Prevent the form from submitting 

}