簡體   English   中英

Rails:Cloudinary上載器未上載

[英]Rails: Cloudinary Uploader Not Uploading

我很難將Cloudinary Javascript上傳到他們的服務器。

我遵循了他們博客文章中關於rails的說明: http : //cloudinary.com/blog/direct_image_uploads_from_the_browser_to_the_cloud_with_jquery

我最后看到頁面上的基本選擇文件按鈕。 單擊該按鈕可以瀏覽和選擇圖像,但是除了在按鈕旁邊顯示文件名之外,什么都沒有發生。 之后查看媒體庫,則表明沒有任何內容被上傳。

查看頁面源的表單,我看到:

<script type="text/javascript">$.cloudinary.config({"api_key":"xxxxxxxxxxxxx","cloud_name":"xxxxxxx"});</script>

<form accept-charset="UTF-8" action="/admin/settings/update" class="new_settings" id="new_settings" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="wwgaFBlShaTklqEY7sz6xwhpK6JKtNNMFvnNJCX4zS0=" /></div>
<input class="cloudinary-fileupload" data-cloudinary-field="settings[image_id]" data-form-data="{&quot;timestamp&quot;:1381477800,&quot;callback&quot;:&quot;http://127.0.0.1:3000/cloudinary_cors.html&quot;,&quot;use_filename&quot;:1,&quot;folder&quot;:&quot;wtdu/header&quot;,&quot;signature&quot;:&quot;xxxxxxxxxx&quot;,&quot;api_key&quot;:&quot;xxxxxxx&quot;}" data-url="https://api.cloudinary.com/v1_1/xxxxxxxx/auto/upload" name="file" type="file"></input>
<input name="commit" type="submit" value="Create Settings" />
</form>

cloudinary輸入字段中的數據已被清理,這會發生嗎?

我確實添加了一個提交按鈕,但沒有任何影響。 我沒想到會這樣,因為應該從瀏覽器而不是控制器中的更新方法上載圖像。

只是一個想法。 我正在使用jquery-rails gem。 這是使用正確的jQuery gem嗎?

該項目正在使用Rails 4和Ruby 2。

任何其他想法將不勝感激。

編輯1

感謝下面的評論,我使用了開發人員工具。 兩個結果:

  1. 檢查網絡,嘗試上傳時沒有任何活動。
  2. 盡管Cloudinary所需的所有庫均已加載,但仍有一些javascript錯誤

    未捕獲的TypeError:對象函數(選擇器,上下文){返回新的jQuery.fn.init(selector,context);}沒有方法'ajaxTransport'jquery.iframe-transport.js:38

    未捕獲的TypeError:無法設置未定義jquery.fileupload.js的屬性“ xhrFileUpload”:33

這些是包含的JS文件

<script src="/javascripts/jquery.ui.widget.js"></script>
<script src="/javascripts/jquery.iframe-transport.js"></script>
<script src="/javascripts/jquery.fileupload.js"></script>
<script src="/javascripts/jquery.cloudinary.js"></script>

編輯2

事實證明,盡管有google.load(“ jquery”,“ 1.2.6”);但並未包括jquery.js; 頁面源中的語句。

一旦包含jquery.js,它就會開始上傳到Cloudinary。 感謝大家的幫助。

但是,我仍然遇到一些問題。 一旦上傳成功,返回200 OK,我就沒有返回值。 圖片ID重新變空,因此我無法將其存儲以備后用。

能否請您檢查是否包含jQuery(應該在上面列出的四個文件之前包含jQuery.js)。

這個問題很老,但是我不得不回答這個問題,因為我自己才遇到並解決了這個確切的問題。 我的錯誤是我沒有在CarrierWave上傳器中注釋掉默認的圖像存儲選項(存儲:file)。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM