Posta oluştururken bir sayfaya birden çok görüntü yüklemek için JQuery-File-Upload nasıl kullanılır?

Question

Birden çok resim eklemek için post oluştururken bir sayfada yetenek kazanmak için jQuery-File-Upload ve Carrierwave veya Dragonfly kullanarak bir çözüm olmadığını anladım. Ben birçok görüntü ile bir model iki Post ettik. Ekledikten hemen sonra resim yüklemek istiyorum ve tüm yeni Gönderiyi kaydetmeden önce iptal etme seçeneğim var. Kodum çalışmıyor, ben de buraya yapıştırmadım, belki birisinin örneği var, bu konseptin jQuery-File-Upload ile mümkün olup olmadığı nedir? Birden fazla fotoğraf kaydetmek ve önyükleme görünümünü tutmak için başka yol olmazsa? Beklenen işlevselliğe benzeyen ama Upladify: FormFly ya da sadece Carrierwave ve nested_form: carrierwave-nested_form ile güzel örnekleri buldum. JQuery-File-Upload git wiki'da, sadece Rails'deki bir modelin nasıl kullanılacağı öğretilir.

Böyle bir şey olsun istiyorum:

Answer 1

tüm bunlarla baş sorun soru olan "İnsan nasıl mevcut olmayan bir nesne ile bir ilişki oluşturabilir?". Eh, yapamazsın. Yapabileceğin en iyi şey, en iyi şey. Size 3 basit adımda bunu nasıl yapacağınızı göstereceğim. İşlemin kendisinin oldukça açık olması ve çeşitli yaklaşımlar için uygulanabilir olması (jQuery-File-Upload ve Carrierwave veya Dragonfly ile sınırlı olmamak kaydıyla) gibi herhangi bir kodun kasıtlı olarak yayınlanmamasını sağladım.

Aşama 1

Kur, bağımsız bir şekilde, normal olarak bir ilişki her bölümü. Yeni bir gönderi oluşturmak için bir iskele (veya her neyse) kullanın. Gönderi formunun hemen altında, fotoğraf yükleme çözümünüzü normal şekilde uygulayın. Her nesnenin kendi kontrolörlerini ve kısmi hallerini, normal olarak, bu malzemelerin birlikte silinmeden karışmasını önlemek için kullanırdım. Henüz ilişki ilişki kodu hakkında endişelenmeyin.

Adım 2

sizin modellerine ilişkinizin kodu ekleyin. Arayüzün onları henüz uygun şekilde ilişkilendirmediğinden endişelenmeyin.

Adım 3(eğlenceli kısım)

Şimdi, her şeyi bir arada kravat. Oluşturulan resimlerimiz var, ancak herhangi bir gönderiye ait değiller. Ayrıca görüntülerinin hiçbiri olmadan oluşturulmuş yayınlarımız var. Bu ilişkiyi tamamlamanın bir yoluna ihtiyacımız var. Çözüm oldukça basittir. Gönderi ile ilişkilendirilecek görüntülerin kimliklerini içermek için postalar formunda gizli bir metin alanı oluşturmanız gerekir. Ardından, görüntü oluşturma yanıtınız, yeni görüntünün kimliğini metin alanına ekleyerek yeni görüntüyü sayfaya eklediğinizde ekleyin.Benzer şekilde, post denetleyicide, gizli alandaki kimlikleri basitçe döngü ve kaydetmeden önce hedef nesneyi (ler) ilişkilendirin. Görüntüyü sayfadan kaldırıldığında diziden kimliği kaldırmak gibi, iptal düğmesine benzer mantığı eklemek isteyebilirsiniz. Ayrıca, bir gönderiyle ilişkilendirilmemiş belirli bir yaştan sonra görüntüyü temizlemek için zamanlanmış bir görev eklemek isteyebilirsiniz.

Answer 2

Ben carrierwave ile raylar içinde JqueryFileUpload ile multible resimleri yükleyerek küçük bir örnek buldum.

JqueryFileUpload ile birden çok dosya yükleme işlemini daha iyi hale getirmek için şu anda daha iyi bir çözüm üzerinde çalıştım ancak bu konu o kadar kolay değil. Eğer resim/yeni görünümde bir yazı için bir form uygulayabilirsiniz pictures_controller yeni eylem yeni yazılan nesnesinin bir örneğini oluştururken dize :

In this example

gövdeli bir post iskele oluşturun.

<%= form_for(@post) do |f| %> 
    <div class="field"> 
    <%= f.label :body %><br /> 
    <%= f.text_field :body %> 
    </div> 
    <div class="actions"> 
    <%= f.submit %> 
    </div> 
<% end %>