如何確保在軌道上編碼圖像上傳時的正確路線？

Question

我試圖用rails 4編碼圖像上傳，並且我已經安裝了Paperclip。

的錯誤信息是：

「否路線匹配{：行動=>」 photoupload」：控制器=> 「用戶」， ：ID => 「4」}缺少必需的鍵：[ ：USER_ID]」

這是我route.rb文件：

resources :users, path: '' do 
patch '/photoupload', to: 'users#photoupload' 
end 

這是我的控制器代碼：

class UsersController < ApplicationController 
private 
    def photoupload 
    @user = User.find(params[:id]) 
    respond_to do |format| 
     if @user.update(params.require(:user).permit(:user_id)) 
      format.js { render json: {photo: true} } 
     else 
      format.js { render json: @user.errors } 
     end 
    end 
    end 
end 

這是我的模型：

class User < ActiveRecord::Base 
    has_attached_file :avatar, styles: { :medium => "200x200>", :thumb => "100x100>" } 
    validates_attachment_content_type :avatar, :content_type => /^image\/(png|gif|jpeg|jpg)/ 
end 

這是我的用戶表明的觀點：

<%= form_tag user_photoupload_path, method: :patch, id: 'photoinfo', remote: true, html: { multipart: true } do %> 
<div class="photoPreview"> 
    <%= icon('upload', '', class: 'photoUpload') %> 
    <p id="uploadClick">Click to Upload</p> 
</div> 

<%= file_field_tag :avatar, accept: 'image/png,image/gif,image/jpeg, image/jpg', id: 'uploadAvatar' %> 
<p class="deletePhoto">Delete</p> 
<%= submit_tag 'Submit Photo', id: 'submitPhoto' %> 

<% end %> 

這是我的JavaScript文件：

function circleImageClick() { 
$('.deletePhoto').hide(); 
$('.photoPreview').click(function() { 
    $(this).attr('disabled', 'true'); 
    $('#uploadAvatar').trigger('click'); 
}); 
$("#uploadAvatar").change(function(){ 
    $('.photoPreview').removeAttr('disabled'); 
    readURL(this); 
}); 
} 

function readURL(input) { 
if (input.files && input.files[0]) { 
    var reader = new FileReader(); 

    reader.onload = function (e) { 
    $('.photoPreview').css('background', 'url(' + e.target.result + ')'); 
    $('.photoUpload, #uploadClick').hide(); 
    } 
    $('.deletePhoto').show(); 

    reader.readAsDataURL(input.files[0]); 
} 
} 

function deletePhoto() { 
$('.deletePhoto').click(function() { 
    $('.deletePhoto').hide(); 
    $('#uploadAvatar').val(''); 
    $('.photoPreview').css('background', ''); 
    $('.photoUpload, #uploadClick').show(); 
}); 
} 

user_photoupload PATCH /:user_id/photoupload(.:format)    
users#photoupload 
GET/users#index 
POST/users#create 

的誤差，這是行77,78和83處於光載入行動。

這是該方法的定義：

class UsersController < ApplicationController                 
    private                            
    def photoupload 
     @user = User.find(params[:user_id]) 
     respond_to do |format| 
      if @user.update(params.require(:user).permit! 
77    format.js { render json: {photo: true} } 
78   else 
       format.js { render json: @user.errors } 
      end 
     end 
    end                            
83 end                 

Answer 1

更新它

params.require(:user).permit(:user_id) 

與

params.require(:user).permit(:id) 

Answer 2

更新您的routes來自：

resources :users, path: '' do 
    patch '/photoupload', to: 'users#photoupload' 
end 

到：

resources :users, path: '' do 
    patch '/photoupload', to: 'users#photoupload', on: :member 
end 

而且更新

params.require(:user).permit(:user_id) 

到：

params.require(:user).permit!