Скрепка и xhr.sendAsBinary - PullRequest
Новая
       15

Скрепка и xhr.sendAsBinary

6 голосов
/ 21 февраля 2010

Я использую скрепку, чтобы добавить файл в мою модель.

Я хочу использовать новую функцию Firefox 3.6, xhr.sendAsBinary, чтобы отправить файл с запросом ajax.

Вот как я строю свой запрос: 

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 и size сохраняются в моей модели без проблем, но сам файл не перехватывается скрепкой.

моя модель 

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

миграция 

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

и мой контроллер 

  # 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

Есть идеи, как решить эту проблему?

Спасибо

1 Ответ

4 голосов
/ 24 февраля 2010

Я наконец заставил это работать!

мой файл отправки javascript выглядит следующим образом 

 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);
     }
 }

теперь Скрепка обрабатывает файл как обычный input file

...