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: загрузить код изображения