2

Rails 和 Javascript 还是新手，这个问题让我很困惑。

我正在尝试将图像上传功能添加到我的 rails 应用程序的 Pagedown 编辑器中。我正在使用 Paperclip 进行文件上传。

我尝试按照本教程http://multiplethreads.wordpress.com/2013/04/09/image-upload-to-the-pagedown-markdown-editor-via-ajax-in-rails/但我遗漏了一些东西。我可以让模态正确显示，并且图像上传表单正确显示。图像没有上传，文件的 URL 显然没有显示在编辑器中。

Rails 没有显示任何错误，但它只是不工作。

图片回调 

  editor.hooks.set "insertImageDialog", (callback) ->
  setTimeout (->
    $("#fileModal").modal('show')
    $("#insert_image_post").click (e) ->
      e.preventDefault()
      if $(".upload-photo").length > 0
        images = $(".upload-photo").each ->
          images = "" + ($(this).filter("[src]").attr("src"))
          return

        callback images
        $("#upload_photo").fileupload()
      else
        image = $("#img-url").val()
        callback image
      $("#fileModal").modal "hide"
      return

    return
  ), 0
  true

模态 

        <!-- Modal -->
<%= f.simple_fields_for :asset do |asset| %>
<div id="fileModal" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="fileModalLabel" aria-hidden="true">
 <div class="modal-dialog">
   <div class="modal-content">
     <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
     <h3 id="fileModalLabel">Upload Images</h3>
     </div>
   <div class="modal-body">
     <div class="tabbable tabs-left"> <!-- Only required for left/right tabs -->
       <ul class="nav nav-tabs">
         <li class="active"><a href="#tab1" data-toggle="tab">Upload</a></li>
           <li><a href="#tab2" data-toggle="tab">Enter URL</a></li>
       </ul>
     <div class="tab-content">
       <div class="tab-pane active" id="tab1">
         <%= asset.file_field :asset %>
         <div class="preview" id="preview" >
       </div>
     </div>
     <div class="tab-pane" id="tab2">
       <div class="form-group">
         <p><input type="text" class="form-control" placeholder="Ex: http://yoursite.com/image.jpg" id="img-url" /></p>
        </div>
      </div>
     </div>
   </div>
 </div> <!-- End of Modal-Body -->
 <div class="modal-footer">
   <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
   <button class="btn" id="insert_image_post">Insert Image</button>
   </div>
   </div>
 </div>
</div>
<% end %>

<% end %>
4

0 回答 0