7eb7cef1b9
* Upgrade Stimulus to 2.0 * Convert ArticleController to use Stimulus 2 * Convert ModalController to Stimulus 2 * Convert BufferController to Stimulus 2 * Convert ConfigController to use Stimuus 2 * Convert ImageUploadController to Stimulus 2 * Convert Reaction controller to Stimulus 2
21 lines
871 B
Text
21 lines
871 B
Text
<div class="crayons-card p-6" data-controller="image-upload" data-image-upload-url-value="<%= image_uploads_path %>">
|
|
<h2 class="crayons-title mb-4">Upload an Image</h2>
|
|
<p class="mb-6">Quickly upload an image.</p>
|
|
# Multipart, remote forms are tricky, the data is actually sent in the Stimulus controller. %>
|
|
<%= form_with(url: image_uploads_path, multipart: true) do |f| %>
|
|
<div class="form-group">
|
|
<%= f.label(:image, "Image:") %>
|
|
<%= f.file_field(
|
|
"image",
|
|
class: "form-control",
|
|
required: true,
|
|
accept: "image/*",
|
|
data: { "image-upload-target": "fileField" },
|
|
) %>
|
|
</div>
|
|
<%= f.submit "Upload", class: "btn btn-primary", data: { action: "image-upload#onFormSubmit" } %>
|
|
<% end %>
|
|
|
|
<div class="mt-4 d-none" data-image-upload-target="imageResult">
|
|
</div>
|
|
</div>
|