質問編集履歴

image_uploader.rbの記述を変更。

2019/09/09 05:09

投稿

chokosuki4400

スコア7

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -356,66 +356,120 @@
 ```rails
-class ImagesController < ApplicationController
+class ImageUploader < CarrierWave::Uploader::Base
+  # Include RMagick or MiniMagick support:
+  # include CarrierWave::RMagick
+  include CarrierWave::MiniMagick
+  # Choose what kind of storage to use for this uploader:
+  storage :file
+  # 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 upload
+  def store_dir
-    files = params.require(:files)
-    @image = Image.new
-    @image.file = files[0]
-    respond_to do |format|
-      if @image.save
-        format.html { redirect_to @image, notice: 'Image was successfully created.' }
-        format.json do
-          render json: {
-            files:
-              [
-                {
-                  url: @image.file.metadata['url']+"?id=#{@image.file.model.id}",
-                  thumbnail_url: @image.file.metadata['url']+"?id=#{@image.file.model.id}",
+    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
-                  size: 0,
-                  delete_url: "/images/delete",
-                  delete_type: "DELETE"
-                }
-              ]
-          }
-        end
-      else
-        format.html { render :new }
-        format.json { render json: @image.errors, status: :unprocessable_entity }
-      end
-    end
   end
+  # Provide a default URL as a default if there hasn't been a file uploaded:
+  # def default_url(*args)
+  #   # For Rails 3.1+ asset pipeline compatibility:
+  #   # ActionController::Base.helpers.asset_path("fallback/" + [version_name, "default.png"].compact.join('_'))
+  #
+  #   "/images/fallback/" + [version_name, "default.png"].compact.join('_')
+  # end
+  # Process files as they are uploaded:
+  # process scale: [200, 300]
+  #
+  # def scale(width, height)
+  #   # do something
+  # end
+  # Create different versions of your uploaded files:
+  # version :thumb do
+  #   process resize_to_fit: [50, 50]
+  # end
+  # Add a white list of extensions which are allowed to be uploaded.
+  # For images you might use something like this:
+  def extension_whitelist
+    %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
+    # 'something.jpg' if original_filename
+    "#{secure_token}.#{file.extension}" if original_filename.present?
+  end
+  # def download_url(filename)
+  #   url(response_content_disposition: %Q{attachment; filename="#{filename}"})
+  # end
+  protected
+  def secure_token
+     var = :"@#{mounted_as}_secure_token"
+     model.instance_variable_get(var) or model.instance_variable_set(var, SecureRandom.uuid)
+  end
 end
 ```

image uploaderのコードを追加しました。

2019/09/09 05:09

投稿

chokosuki4400

スコア7

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -42,7 +42,7 @@
-**▼ app/assets/javascripts/application.js**
+**▼ /app/assets/javascripts/application.js**
@@ -88,7 +88,7 @@
-**▼ app/assets/stylesheets/application.css**
+**▼ /app/assets/stylesheets/application.css**
@@ -134,7 +134,7 @@
-**▼ app/models/image.rb**
+**▼ /app/models/image.rb**
@@ -162,7 +162,7 @@
-**▼ app/controllers/images_controller.rb**
+**▼ /app/controllers/images_controller.rb**
@@ -232,61 +232,195 @@
-**▼ app/views/articles/_form.html.erb**
+**▼ /app/views/articles/_form.html.erb**
-```javascript
+```rails
+<%= form_with(model: article, local: true, class: 'siimple-form') do |form| %>
+  <% if article.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(article.errors.count, "error") %> prohibited this article from being saved:</h2>
+      <ul>
+      <% article.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+      </ul>
+    </div>
+  <% end %>
+  <div class="siimple-form-field">
+    <%= form.label :title, class: 'siimple-label' %>
+    <%= form.text_field :title, id: :article_title, class: 'siimple-input' %>
+  </div>
+  <div class="siimple-form-field">
+    <%= form.label :body, class: 'siimple-label' %>
+    <%= form.text_area :body, id: :article_body, class: 'editable siimple-textarea siimple-textarea--fluid' %>
+  </div>
+  <div class="siimple-form-field">
+    <%= form.submit class: 'siimple-btn siimple-btn--blue' %>
+  </div>
+<% end %>
 <script>
-  $(document).ready(function(){
+$(document).ready(function(){
-    var editor = new MediumEditor('.editable', {
+  var editor = new MediumEditor('.editable', {
-      // placeholder settings
+    // placeholder settings
-      placeholder: {
+    placeholder: {
-        text: 'Type your story',
+      text: 'Type your story',
-        hideOnClick: true
+      hideOnClick: true
+    }
+  });
+  $('.editable').mediumInsert({
+    editor: editor,
+    addons: {
+      preview: false,
+      images: {
+        fileUploadOptions: {
+          url: '/images/upload',
+          type: 'post',
+          acceptFileTypes: /(.|/)(gif|jpe?g|png)$/i
+        }
       }
+    }
-    });
+  });
+});
+</script>
+```
-    $('.editable').mediumInsert({
+**▼ /app/uploaders/image_uploader.rb （※追記）**
+```rails
+class ImagesController < ApplicationController
+  def upload
+    files = params.require(:files)
+    @image = Image.new
+    @image.file = files[0]
-      editor: editor,
+    respond_to do |format|
-      addons: {
-        images: {
+      if @image.save
+        format.html { redirect_to @image, notice: 'Image was successfully created.' }
+        format.json do
-          fileUploadOptions: {
+          render json: {
+            files:
+              [
+                {
+                  url: @image.file.metadata['url']+"?id=#{@image.file.model.id}",
+                  thumbnail_url: @image.file.metadata['url']+"?id=#{@image.file.model.id}",
+                  size: 0,
-            url: '/images/upload',
+                  delete_url: "/images/delete",
-            type: 'post',
+                  delete_type: "DELETE"
-            acceptFileTypes: /(.|/)(gif|jpe?g|png)$/i
+                }
+              ]
           }
-        }
-      }
-    });
+        end
+      else
+        format.html { render :new }
+        format.json { render json: @image.errors, status: :unprocessable_entity }
-  });
+      end
-</script>
+    end
+  end
+end
-```
+```