通过回形针上传图像时的编码错误

Question

我正在尝试将图像上传到回形针并将其保存到s3。但是，我在控制台中收到以下错误

!! Unexpected error while processing request: invalid byte sequence in UTF-8

StackOverflow上有一些关于如何解决此问题的回复，尽管大多数人指出原始解决方案是对Rack的更新。但是，我使用的是Ruby 1.9.3和Rails 3.1.3，并且相信我没有Rack（我没有将其安装为Gem，是吗？？）。

我一直在尝试的文件名相当简单，所以我假设问题出在实际的文件中，但是我不确定如何调试错误来自哪个上传变量。Rails没有将这些错误放入日志文件，所以我似乎无法获得更多的细节。

我的控制器相当简单，就像回形针github留档上的例子

 def create
   wine_photo = WinePhoto.create(params[:wine_photo])

   return render :json => wine_photo

  end

虽然最初我用了更常见的

  wine_photo - WinePhoto.new(params[:wine_photo])
  if wine_photo.save
     return render :json => wine_photo
  else 
     return render :json => wine_photo.errors
  end

我的模型(我怀疑它是否有帮助)是

class WinePhoto  true
    validates_with AttachmentPresenceValidator, :attributes => :photo

    belongs_to :wine
    belongs_to :user

    def photo_url
        photo.url
    end
end

基于堆栈溢出的响应，UTF-8中的Ruby无效字节序列，我已经在我的控制器中尝试了以下方法

 def create
   wine_photo = WinePhoto.new(params[:wine_photo])
   wine_photo.photo = IO.read(wine_photo.photo).force_encoding("ISO-8859-1").encode("utf-8", replace: nil)
 ...

但仍然得到错误。

关于如何解决这个编码问题，有什么建议吗？有没有办法确认错误是来自上传的文件？

我的上传代码（ajax）是

save_photo: function(){
        var file = document.getElementById('file_api').files[0];
        console.log(file);
    var xhr = new XMLHttpRequest();
        if (xhr.upload && file.type == "image/jpeg" ) {

            // create progress bar
            var o = document.getElementById("progress");
            var progress = o.appendChild(document.createElement("p"));
            progress.appendChild(document.createTextNode("upload " + file.name));


            // progress bar
            xhr.upload.addEventListener("progress", function(e) {
                var pc = parseInt(100 - (e.loaded / e.total * 100));
                progress.style.backgroundPosition = pc + "% 0";
            }, false);

            // file received/failed
            xhr.onreadystatechange = function(e) {
                if (xhr.readyState == 4) {
                    progress.className = (xhr.status == 200 ? "success" : "failure");
                }
            };

            // start upload
            xhr.open("POST", document.getElementById("add_photo").action, true);
            xhr.setRequestHeader("X_FILENAME", file.name);
            xhr.send(file);
            }
        }

file的参数是

File {webkitRelativePath: "", lastModifiedDate: Thu Nov 10 2011 09:40:39 GMT+1100 (AUS Eastern Summer Time), name: "WP_000012.jpg", type: "image/jpeg", size: 1344450}

Answer 1

经过两天的折腾，问题出在我的ajax上传上，rails根本没有得到文件字段。

我关注了这篇博客文章，让ajax上传工作，https://github.com/newbamboo/example-ajax-upload/blob/master/public/index.html

并将我输入文件中的名称更改为

< input type="file" name="wine_photo[photo]" >

html表单现在也有

<input name="utf8" type="hidden" value="✓">