8
私はfroalaエディタで画像をアップロードする必要があります。私は、私のアプリの他のセクションのためのGoogleクラウドストレージに画像をアップロードするために働いているキャリアウェーブを持っています。そして今、私はfroalaエディタで画像アップロードをしたいと思っています。ここで Rails 4 - 搬送波を使ったファウラエディタで画像をアップロードするには？
は私が私のポストのコントローラでattachと
detach方法を作っ
class PostImage < ActiveRecord::Base
belongs_to :post
mount_uploader :image, PostImageUploader
validate :image_size
# Validates the size of an uploaded picture.
def image_size
if image.size > 5.megabytes
errors.add(:picture, "should be less than 5MB")
end
end
end
ポストイメージモデルを作っ
ポスト画像
class PostImageUploader < CarrierWave::Uploader::Base
# Choose what kind of storage to use for this uploader:
storage :fog
# Override the directory where uploaded files will be stored.
# This is a sensible default for uploaders that are meant to be mounted:
def store_dir
"post-image"
end
# Add a white list of extensions which are allowed to be uploaded.
# For images you might use something like this:
def extension_white_list
%w(jpg jpeg gif png)
end
# Override the filename of the uploaded files:
# Avoid using model.id or version_name here, see uploader/store.rb for details.
def filename
"#{model.id}-#{original_filename}" if original_filename.present?
end
end
def attach
end
def detach
end
def image_params
params.require(:post_image).permit(:image)
end
メイドのルートが、私も方法が必要な場合は、イムはわからないので、彼らは間違っている可能性があります。
match '/guides/:guide_id/posts/attach' => 'posts#attach', :via => :create, as: :attach_guide_post_image
match '/guides/:guide_id/posts/detach'=> 'posts#detach', :via => :delete, as: :detach_guide_post_image
（私はサイト上の他の場所でそれを使用していますので）私のcarriwewave初期化子は、セットアップと働いているので、私は私はそれを追加する必要があると思ういけない。そして、私は私が私のポストのコントローラを追加する必要があると思ういけませんnewとcreateのメソッドがあります。
ここからはfroala docs for image uploadsに行ってきましたが、どの値を入力する必要があるのかわかりませんが、これは必要ありません。私の質問は、大文字で書かれたコメントです。
<script>
$(function() {
$('.editor')
.froalaeditor({
// Set the image upload parameter.
imageUploadParam: 'image',
// 1. I'M GUESSING THIS IS THE PARAM PASSED
// Set the image upload URL.
imageUploadURL: <%= attach_guide_post_image_path =%>,
// 2. MADE THIS PATH IN THE ROUTES
// Set request type.
imageUploadMethod: 'POST',
// Set max image size to 5MB.
imageMaxSize: 5 * 1024 * 1024,
// Allow to upload PNG and JPG.
imageAllowedTypes: ['jpeg', 'jpg', 'png', 'gif']
})
.on('froalaEditor.image.beforeUpload', function (e, editor, images) {
// Return false if you want to stop the image upload.
//3. SO I PUT ERROR MESSAGE IN THESE?? IF SO SHOULD IT BE A POPUP OR TEXT ON THE SCREEN AND HOW
})
.on('froalaEditor.image.uploaded', function (e, editor, response) {
// Image was uploaded to the server.
})
.on('froalaEditor.image.inserted', function (e, editor, $img, response) {
// Image was inserted in the editor.
})
.on('froalaEditor.image.replaced', function (e, editor, $img, response) {
// Image was replaced in the editor.
})
.on('froalaEditor.image.error', function (e, editor, error, response) {
// Bad link.
else if (error.code == 1) { ... }
// No link in upload response.
else if (error.code == 2) { ... }
// Error during image upload.
else if (error.code == 3) { ... }
// Parsing response failed.
else if (error.code == 4) { ... }
// Image too text-large.
else if (error.code == 5) { ... }
// Invalid image type.
else if (error.code == 6) { ... }
// Image can be uploaded only to same domain in IE 8 and IE 9.
else if (error.code == 7) { ... }
// Response contains the original server response to the request if available.
});
});
</script>
これは私が得たものです。私は基本的なJSを知っていて、約6ヶ月間レールを使っていますので、かなり新しくなっています。私はレールやjsでこのようなことは一度もしていないし、それについての確かなガイドを見つけることができません。
上記は私が手に入れたものです。イメージのアップロードを行うためにそこから行われる必要があるものについていくつかの助けが大好きです。
まだ問題はありません。私はそれをする方法を知らない。 – Rob