[GO] Bereiten Sie eine URL vor, um das von Active Storage hochgeladene Bild selbst anzuzeigen

Was ich machen wollte

Ich wollte den HTML-Code einschließlich der Bild-URL so speichern, wie er sich in der Datenbank befindet, und ihn mit einem Editor wie WYSIWY roh anzeigen.

Problem

Wenn Sie service_url direkt speichern, läuft das Zugriffstoken ab und Sie erhalten die folgende Fehlermeldung:

https://storage.googleapis.com/xxx/6qk30zadasnfkansfalksj34gq?GoogleAccessId=...

<Error>
  <Code>ExpiredToken</Code>
  <Message>The provided token has expired.</Message>
  <Details>Request signature expired at: 2020-09-30T19:07:20+00:00</Details>
</Error>

スクリーンショット 2020-10-05 2.29.58.png

Bereiten Sie eine URL für die Generierung vor

Erstellen Sie ein Modell für Assets, um eine URL zum Generieren und Anzeigen einer service_url mit einem Zugriffstoken vorzubereiten.

asset.rb


class Asset < ApplicationRecord
  has_one_attached :image
end

Geändert, um Bilddaten mit Show des Controllers zu senden.

assets_controller.rb


class AssetsController < ActionController::Base
  # GET /assets:id
  def show
    asset = Asset.find(params[:id])
    send_data asset.image.download, filename: asset.image.filename.to_s, content_type: asset.image.content_type
  end
end

Durch Speichern der folgenden URL in der Datenbank war es möglich, das Bild über den Anwendungsserver anzuzeigen, ohne abzulaufen.

...
<img src="http://localhost:3000/assets/2" alt="Image">
...

Recommended Posts

Bereiten Sie eine URL vor, um das von Active Storage hochgeladene Bild selbst anzuzeigen
Wenn Sie mit der Maus über Matplotlib fahren, wird das entsprechende Bild angezeigt.
Laden Sie das durch Anfragen heruntergeladene Bild direkt in S3 hoch
Speichern Sie das von pyqtgraph gezeichnete Diagramm in einem Bild
Python Open CV hat versucht, das Bild im Text anzuzeigen.
[Python] Ändern Sie den Namen der Bilddatei in eine Seriennummer
Konvertieren Sie die vorliegenden Bilddaten (png) in ein .pbm-Bild
Punkt entsprechend dem Bild
Das Bild ist Namekuji
Suchen Sie mit Pythonista3 nach einem Bild von der Kamerarolle
Zeigen Sie das Bild der an den PC angeschlossenen Kamera auf der GUI an.
Visualisieren Sie, indem Sie dem "Box-Bart-Diagramm" (Boxen / Schwarm / Violine) "einen Biss" hinzufügen.
Versuchen Sie, ein neues Bild mit dem trainierten StyleGAN2-Modell zu bearbeiten
[Los] Erstellen Sie einen CLI-Befehl, um die Erweiterung des Bildes zu ändern
Raspberry Pi --1 - Zum ersten Mal (Schließen Sie einen Temperatursensor an, um die Temperatur anzuzeigen)
Ich habe versucht, ein Standbild aus dem Video auszuschneiden
Ich habe den Befehl gegeben, einen farbenfrohen Kalender im Terminal anzuzeigen
Bereiten Sie eine Hochgeschwindigkeitsanalyseumgebung vor, indem Sie in der Datenanalyseumgebung auf MySQL klicken
Wenn Sie von Mia Nanasawas Bild geheilt werden möchten, klicken Sie auf die Twitter-API ♪