cljs + luminus framework: загрузка файлов с закрытием Google

Я следую примеру кода книжной веб-разработки с clojure, 2-е издание, и у меня возникла проблема с загрузкой файла с помощью Google Closure.

Я проверяю загрузку файла с помощью Swagger, и он отвечает мне 200 хорошо, я думаю, что ошибка из файла загрузки! функция. (см. ниже).

Но я смотрю api doc закрытия, кажется, я использую правильную функцию.

Так что у меня были проблемы, я не знаю, почему это не работает...

Мне нужна помощь. Вот мой код (я использую semantic-ui для компонентов пользовательского интерфейса):

(defn upload-file! [upload-form-id status]
 (reset! status nil)
 (let [io (IframeIo.)]
  (gev/listen
   io goog.net.EventType.SUCCESS
   #(reset! status [c/success-message "file uploaded successfully"]))
  (gev/listen
   io goog.net.EventType.ERROR
   #(reset! status [c/warning-message "failed to upload the file"]))
  (.setErrorChecker io #(= "error" (.getResponseText io)))
  (.sendFromForm io (.getElementById js/document upload-form-id) "/upload")))

(defn upload-form []
  (let [status (atom nil)
        form-id "upload-form"]
  (fn []
    [c/modal
     [:div "Upload File"]
     [:div
      (when @status @status)
      [:div.ui.form
       {:id form-id
        :enc-type "multipart/form-data"
        :method "POST"}
       [:label {:for "file"} "select an image for upload"]
       [:input {:id "file"
                :name "file"
                :type "file"}]]]
     [:div
      [:button.ui.primary.button
       {:on-click #(upload-file! form-id status)}
       "upload"]
      [:button.ui.red.button
       {:on-click #(do
                     (.modal (js/$ ".ui.modal") "hide")
                     (reset! status nil))}
       "Cancel"]]
     "upload"])))

компоненты:

(defn modal [header content footer id]
 [:div.ui.modal
  {:id id}
  [:div.header header]
  [:div.content content]
  [:div.actions footer]])


(defn success-message [content]
 [:div.ui.green.message
  [:div.header content]])

1 ответ

Решение

Так что я решил свой вопрос, я должен напечатать [:form:ui.form] скорее, чем [:div.ui.form],

если вы заинтересованы в коде, вы можете просмотреть этот URL: загрузить код изображения

Другие вопросы по тегам