रेलवे में Jquery फ़ाइल अपलोड 4

Question

हाय सब मैं jquery फ़ाइल अपलोड के लिए वीडियो ट्यूटोरियल का पालन कर रहा हूं http://railscasts.com/episodes/381-jquery-file-upload पर और अटक गया हूं। मैं अपलोड छवियों के बाद आंशिक रेंडर नहीं करता है, यह नई छवि और अन्य सभी छवियों को छवि के नीचे जोड़ता है जो पहले से जुड़ा हुआ था। इसलिए यदि मैं एक नई वस्तु में दो छवियां जोड़ता हूं तो यह पहली छवि दिखाता है, फिर पहली छवि के साथ आंशिक फिर से प्रस्तुत करता है और दूसरी छवि के साथ दूसरी छवि होती है, इसलिए कुल में 3 फ़ोटो होती हैं।

यहाँ मेरी मेरी शो पेज से प्रस्तुत करना है मेरी create.js.erb

<% if @photo.new_record? %> 
    alert("Failed to upload photo: <%= j @photo.errors.full_messages.join(', ').html_safe %>"); 
<% else %> 
    $("#photos").append("<%=j render @photo %>"); 
<% end %> 

यहाँ है।

<div id="photos"> 
    <%= render 'photos/photo' %> 
</div> 

यहाँ मेरी /photos/_photos.html.erb आंशिक

<h2>Images</h2> 
<div class="photo"> 
<% @rental.photos.each do |photo| %> 
    <p> 
    <strong>Photo:</strong> 
    <%= image_tag photo.image_url.to_s %> 
    </script> 
    </p> 
<% end %> 
</div> 

यहाँ मेरी तस्वीरें नियंत्रक बनाने है

def create 
    @rental = Rental.find(params[:rental_id]) 
    @photo = @rental.photos.create(params[:photo].permit(:image)) 

    respond_to do |format| 
     format.js 
    end 
    end 

यहाँ मेरी photos.js.jcoffee

है

jQuery -> 
    $('#new_photo').fileupload(replaceFileInput: false, 
    paramName: 'photo[image]') 


    dataType: "script" 
    add: (e, data) -> 
     types = /(\.|\/)(gif|jpe?g|png)$/i 
     file = data.files[0] 
     if types.test(file.type) || types.test(file.name) 
     data.context = $(tmpl("template-upload", file)) 
     $('#new_photo').append(data.context) 
     data.submit() 
     else 
     alert("#{file.name} is not a gif, jpeg, or png image file") 
    progress: (e, data) -> 
     if data.context 
     progress = parseInt(data.loaded/data.total * 100, 10) 
     data.context.find('.bar').css('width', progress + '%') 

कोई भी मदद जी होगी रीट, मैं अटक गया हूँ। धन्यवाद!

---

बहुत धन्यवाद रिच पेक ने अपना जवाब पूरी तरह से मेरी समस्या का समाधान किया। मैं

<% if @photo.new_record? %> 
    alert("Failed to upload photo: <%= j @photo.errors.full_messages.join(', ').html_safe %>"); 
<% else %> 
    $("#photos").append("<%=j render @photo %>"); 
<% end %> 

बदलने के लिए

<% if @photo.new_record? %> 
    alert("Failed to upload photo: <%= j @photo.errors.full_messages.join(', ').html_safe %>"); 
<% else %> 
    $("#photos").html("<%=j render @photo %>"); 
<% end %> 

Answer 1

def create 
    @rental = Rental.find(params[:rental_id]) 
    @photo = @rental.photos.create(params[:photo].permit(:image)) 

    respond_to do |format| 
     format.js 
    end 
end 

वह मेरी पहली नजर में यह

---

ठीक $('#photos').html() उपयोग करने के लिए कंटेनर को बदलने के लिए वास्तव में था पर है करने के लिए किया था। ओपी मूल रूप से कंटेनर में सामग्री जोड़ने के लिए .append का उपयोग कर रहा था, जो सभी