Paperclip e xhr.sendAsBinary

Question

Uso la graffetta per aggiungere un file al mio modello.

Desidero utilizzare la nuova funzionalità di firefox 3.6, xhr.sendAsBinary, per inviare un file con una richiesta Ajax.

Ecco come costruisco la mia richiesta:

var xhr = new XMLHttpRequest(); 


xhr.open("POST", "/photos?authenticity_token=" + token 
         + "&photo[name]=" + img.name 
         + "&photo[size]=" + img.size); 

xhr.overrideMimeType('text/plain; charset=x-user-defined-binary'); 
xhr.sendAsBinary(bin); 

name e size vengono salvati nel mio modello, senza problema, ma il file stesso non è catched dal graffetta.

mio modello

class Photo < ActiveRecord::Base 
    has_attached_file :photo, :styles => { :medium => "300x300>", :thumb => "100x100>" } 
end 

la migrazione

def self.up 
    add_column :photos, :photo_file_name,  :string 
    add_column :photos, :photo_content_type, :string 
    add_column :photos, :photo_file_size,  :integer 
    add_column :photos, :photo_updated_at, :datetime 
end 

e il mio controller

# POST /photos 
    # POST /photos.xml 
    def create 
    @photo = Photo.new(params[:photo]) 

    respond_to do |format| 
     if @photo.save 
     format.html { redirect_to(@photo, :notice => 'Photo was successfully created.') } 
     format.xml { render :xml => @photo, :status => :created, :location => @photo } 
     else 
     format.html { render :action => "new" } 
     format.xml { render :xml => @photo.errors, :status => :unprocessable_entity } 
     end 
    end 
    end 

Qualsiasi idea di come risolvere questo problema?

Grazie

Answer 1

Ho finalmente fatto funzionare!

mio javascript l'invio di file simile a questo

send : function() { 
    try { 
     var xhr = new XMLHttpRequest; 
     //var url = this.form.action; 
     var url = '/photos'; 

     var boundary = this.generateBoundary(); 
     var contentType = "multipart/form-data; boundary=" + boundary; 

     this.filesToUpload.forEach(function(file, index, all) { 

      xhr.open("POST", url, true); 
      xhr.setRequestHeader("Content-Type", contentType); 

      for (var header in this.headers) { 
       xhr.setRequestHeader(header, headers[header]); 
      } 


      var CRLF = "\r\n"; 
      var request = "--" + boundary + CRLF; 

      request += 'Content-Disposition: form-data; '; 
      request += 'name="' + 'photo[name]' + '"' + CRLF + CRLF; 
      request += file.name + CRLF; 

      request += "--" + boundary + CRLF; 

      request += 'Content-Disposition: form-data; '; 
      request += 'name="' + 'photo[photo]' + '"; '; 
      request += 'filename="'+ file.fileName + '"' + CRLF; 

      request += "Content-Type: application/octet-stream" + CRLF + CRLF; 
      request += file.value + CRLF; 
      request+= "--" + boundary + "--" + CRLF; 

      xhr.sendAsBinary(request); 
     }); 
     // finally send the request as binary data 
     //xhr.sendAsBinary(this.buildMessage(this.filesToUpload, boundary)); 
    } catch(e) { 
     alert('send Error: ' + e); 
    } 
} 

ora Paperclip gestisce il file come un normale input file