使用JavaScript捕獲Rails表單提交URL

Question

我正在使用Rails表單將圖像提交給載波上傳器。

<p class="sidebar-title">UPLOAD IMAGE</p>
<%= form_for :page_image, :url => {:controller => :menus, :action => :create_image}, :html => {:multipart => true, :id => "image-upload-form"} do |f| %>
<ul>
<li class="sub-heading">Choose Image</li>
    <li><%= f.file_field :image %></li>
<li class="sub-heading" style="text-align: center; width:50%; margin: 1.5em 25%">OR<br></li>
<li class="sub-heading">Image URL</li>
    <li><%= f.text_field :remote_image_url %></li></ul>

    <ul>
<li class="description"><%= f.radio_button :authored, "true" %>
<%= f.label :authored, "I am the author of this image and give permission for Gastromica to use it.", :value => "true" %></li>
<li class="description"><%= f.radio_button :authored, "false" %>
<%= f.label :authored, "This image is licenced to be freely be used and shared cormercially. If attribution is required please type a url in the box below.", :value => "false" %></li>

<li class="sub-heading">Attribution / Source URL</li>
    <li><%= f.text_field :attribution %></li></ul><ul>
    <%= f.hidden_field :user_id, :value => "1" %>

    <% @attributes.each do |attr| %>
    <%= hidden_field_tag attr[0], attr[1]%>
    <% end %>

  <li><%= f.submit "Submit Image", :class => "image-upload" %></li>
<% end %>

因為用戶正在上傳圖像，所以我想顯示。 只是說上傳正在進行中。 因此，為此編寫了以下javascript：

('.image-upload').click(function() {
            $(this).parents('.content').html('<p class="description" >Please wait, currrently uploading image...</p>')
        });

這在Safari中非常有效，但是在其他任何瀏覽器中，它都阻止了表單提交，並且圖像從未上傳。 沒有所有瀏覽器中的腳本，一切似乎都運行良好。 顯示圖像加載消息后，是否可以捕獲提交表單的網址並強制其提交？

Answer 1

返回true ，就像在提交處理程序中那樣，如下所示：

('.image-upload').click(function() {
        $(this).parents('.content').html('<p class="description" >Please wait, currrently uploading image...</p>')
        return true;
    });