加載使用cordova.file下載的圖像

Question

我正在使用Cordova開發應用程序，但未使用Angular，因為該應用程序需要非常快（僅純JS和JQuery）。

該應用程序當前需要大量文件才能工作，因此，與其使用它們作為資產並生成一個沉重的應用程序（.apk超過1 GB），不如使用cordova將它們下載到cordova.file.dataDirectory內的文件夾中文件夾，因此可以在Android和iOS中以相同的方式引用它們。

問題是，以這種方式（玉）在整個項目中定義了圖像：

img(src="assets/icons/back.svg" width="20" height="20")

或（手寫筆）

.main
    background url("assets/images/bg.png")

所以問題是：

• 有沒有一種方法可以在不更改.jade或.styl文件路由定義的情況下將全部圖像加載到codova.file.dataDirectory ？
• 如果這不可能，是否有辦法更改所有.jade和.styl文件，使其默認情況下從該文件夾加載圖像？ （例如，用“ / file / in / cordova / assets / [whatever]”替換所有“ assets / [whathever]”）
• 如果兩者都不可行，那是從該目錄加載圖像的最佳方法？

Answer 1

我通過使用JQuery通過background-image更改所有div的css解決了我的問題。 這是解決方案的一部分（我混淆了代碼的一部分）：

 ${'div'}.each(function(index, div){ var backgroundImage = $(div).css('background-image') $(div).css('background-image', processBackgroundImage(backgroundImage)); }) ${'img'}.each(function(index, img){ img.src = cordova.file.dataDirectory + processImageSrc(img); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>