ClojureScript с React Native — Загрузка файла

Я хочу загрузить файл в память телефона из мобильного приложения с ClojureScript и react-native. Файлы уже загружены в корзину Amazon S3. URL-адреса файлов будут выглядеть примерно так: https://s3.amazonaws.com/client-texastech/uploads/art_pictures-images/comma-2005-06/96acad35-7f3f-4b10-a104-5bf59b92b463/medium/image.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIQETNIOQ45P7UIKQ%2F20181113%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20181113T023654Z&X-Sign-Amz-Amz-Expires=300host&X-Amz-Signature=576787721283e1c2b0d8fd2349cd304b5f7f717491edb32d8d7ba256ef52f6a8

Я нашел react-native-fetch-blob для этого.

Я пытался использовать его:

    (def RNFetchBlob (js/require "react-native-fetch-blob"))
    (def fetch-blob (oget RNFetchBlob "default"))
    (def fs (oget RNFetchBlob "fs"))

      (defn download-url [app-db url]
  (p/promise (fn [resolve reject]
                  (let [fs (oget fetch-blob "fs")
                      dir-path (str (oget (oget fs "dirs") "DocumentDir") "/image.png")
                      fetch-config (ocall fetch-blob "config" {
                                       :addAndroidDownloads {:useDownloadManager true :path dir-path :notification true}
                                       :Cache-Control "no-store"}) 
                      fetch-file (ocall fetch-config "fetch" "GET" url (util/get-token app-db))
                      base64 (oget fetch-blob "base64")]
                  (ocall fetch-file "then" (fn [res]
                      (.log js/console "Download file completed." res)
                      (resolve true)))
                  (ocall fetch-file "catch" (fn [res]
                        (.log js/console "Download file failed" res)
                        (resolve false)))
              #js{:timeout 600000
                  :distanceFilter 1
                  :maximumAge 1000
                  :enableHighAccuracy false}))))

Загрузка завершена. Но я не могу найти файл ни в одной из папок. Что-то не так? Если да, то может ли кто-нибудь поделиться фрагментом кода?


react-native deep-linking clojurescript react-native-fetch-blob cljsrn
person Tessy Thomas    schedule 30.10.2018    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Если вы хотите загрузить и показать какие-либо изображения из S3, вы можете использовать RN Image с исходным свойством

 [image {:source "https://your.s3.bucket/path.jpg"}]

Если это просто файл, используйте rn-fetch-blob

(defn fetch-file! [url]
  (let [result (promise-chan)]
    (-> RNFetchBlob
      (.config #js{})
      (.fetch "GET" url)
      (.then #(.text %))
      (.then #(put! result [true %]))
      (.catch #(put! result [false %])))
    result))

Убедитесь, что у вас есть доступ к вашему файлу S3

person Chris Callwait    schedule 30.10.2018
comment
Приведенный выше код также делает то же самое. Управление дошло до блока then. Но на самом деле изображение не загружается ни в одну папку на моем устройстве. - person Tessy Thomas; 30.10.2018

arrow_upward
0
arrow_downward

Наконец-то я смог скачать файл. Проблема в том, что я передаю параметры в вызов конфигурации. Мы должны преобразовать Clojure в JS, используя clj->js. Обновленный метод будет выглядеть следующим образом:

(defn download-image-android [app-db url image-id]
  (p/promise (fn [resolve reject]
      (let [fs (oget fetch-blob "fs")
          android-dir-path (str (oget (oget fs "dirs") "DownloadDir") "/" image-id ".jpg")
          params (parse-params url)
          fetch-config (ocall fetch-blob "config" (clj->js {
                            :fileCache true
                            :addAndroidDownloads {:useDownloadManager true :path android-dir-path :notification true}})) 
          fetch-file (ocall fetch-config "fetch" "GET" url (clj->js {:Signature (:X-Amz-Signature params)
                                                                :Cache-Control "no-store"}))]
          (ocall fetch-file "then" (fn [res]
              (show-alert "Success" "Image has been saved to the phone successfully!")
              (resolve true)))
          (ocall fetch-file "catch" (fn [res]
              (show-alert "Error" "Image cannot be downloaded. Please try again!")
              (.log js/console "Download file failed" res)
              (resolve false)))
      #js{:timeout 30000
          :distanceFilter 1
          :maximumAge 1000
          :enableHighAccuracy false}))))
person Tessy Thomas    schedule 12.02.2019