Skip to content

No preview nor file link when creating a new instance, fine with editing the instance, but the preview is not refreshed. #19

Description

@oasisweng

Following the tutorial, I added both image_preview and attachment_preview to two separate input fields:

<%= f.input :resume, as: :attachment_preview, 
                       wrapper: :horizontal_file_input %>

<%= f.input :image, as: :image_preview, 
                           input_html: { :preview_version => :thumb },
                           wrapper: :horizontal_file_input
                            %>

in new page for my Staff model.

But, when I add a pdf file to attachment preview field. Nothing happened. When I add an image to image preview field, no preview is shown.

The HTML generated for my image preview input is:

<div class="col-md-6">
<label class="image_preview required col-sm-5 control-label" for="staff_profile_attributes_profile_picture_attributes_image">
<abbr title="required">*</abbr> Profile Picture</label>
<div class="col-sm-7">
<input class="image_preview required" type="file" name="staff[profile_attributes][profile_picture_attributes][image]" id="staff_profile_attributes_profile_picture_attributes_image" data-validate="true">
<p class="help-block">Only accepts JPG, JPEG, PNG, GIF format. Do not exceed 2MB.</p>
</div>
</div>

It does not have preview_version setup either.

Then, in my staffs#edit page, I have the same setup. This time, still no link for attachment preview. But there is a preview for image preview field. However, when I change to a new image, it does not refresh the preview.

I did not do any additional setup. I tried:


SimpleForm::FormBuilder.map_type :image_preview, to: SimpleForm::Inputs::ImagePreviewInput
SimpleForm::FormBuilder.map_type :attachment_preview, to: SimpleForm::Inputs::AttachmentPreviewInput

and it doesn't work. I don't think it is related to this issue.

Am I missing some front end setups such as putting some JS file in application.js?

Please help! Thank you!

I am using Rails 4.2.6, Ruby 2.2.3, Simple_form 3.2.1, client_side_validations 4.2.3 and bootstrap 3.3.6

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions