Immagini non visualizzate nell'applicazione PhoneGap Build

Ho recentemente deciso di iniziare a utilizzare PhoneGap Build per creare app utilizzando tecnologie web. Si prega di notare che sto usando PhoneGap Build not PhoneGap e quindi non mantengo le API native.Immagini non visualizzate nell'applicazione PhoneGap Build

Uso tag HTML img per visualizzare le immagini, naturalmente, e ho qualche problema. Le immagini vengono visualizzate bene in un browser, ma quando le prendo sul mio telefono scompaiono. Ho provato di tutto: controllo del caso e ortografia. Ho anche provato a caricare le immagini sul mio server del sito web e nulla.

Qualsiasi aiuto su questo sarà molto apprezzato.

UPDATE

io uso questo HTML, è una stringa JavaScript come è così che ho in ingresso che in fase di esecuzione:

"<img id=\"images\" src=\"images/[email protected]\">Calculator<hr><img id=\"images\" src=\"images/[email protected]\">Distance Converter<hr><img id=\"images\" src=\"images/[email protected]\">Area Converter<hr><img id=\"images\" src=\"images/[email protected]\">Volume Converter<hr><img id=\"images\" src=\"images/[email protected]\">Mass Converter<hr><img id=\"images\" src=\"images/[email protected]\">Force Converter<hr><img id=\"images\" src=\"images/[email protected]\">Power Converter<hr><img id=\"images\" src=\"images/[email protected]\">Energy Converter<hr><img id=\"images\" src=\"images/[email protected]\">Temperature Converter<hr><img id=\"images\" src=\"images/[email protected]\">Data Storage Converter<hr><img id=\"images\" src=\"images/[email protected]\">Time Converter<hr><img id=\"images\" src=\"images/[email protected]\">Speed Converter<hr><img id=\"images\" src=\"images/[email protected]\">Acceleration Converter<hr><img id=\"images\" src=\"images/[email protected]\">Pressure Converter<hr><img id=\"images\" src=\"images/[email protected]\">Density Converter<hr><img id=\"images\" src=\"images/Hand-[email protected]\">The \"Any\" Converter<hr><img id=\"images\" src=\"images/Angle.png\">Angle Converter<hr>"

E 'archiviato con i caratteri di salto quindi potrebbe essere difficile da leggere . Ma ottieni il succo. I tag più semplici non funzionano. Ho del CSS che fa alcune immagini di sfondo usando url() che non mostra nemmeno.

fonte

2013-10-26 Youssef Moawad

Sono stato in grado di risolvere il problema semplicemente lanciando le immagini nella cartella principale e collegandole a tale. Potrebbe non essere la soluzione migliore ma funziona! Spero che questo aiuti tutti gli spettatori. Le app PhoneGap Build richiedono che le immagini si trovino nella cartella principale.

fonte

2013-10-26 23:59:43

La scorsa settimana ho avuto la mia app Web visualizzare le immagini e sono stati in sottocartelle. Questa settimana ho portato la mia app su una nuova cartella e la ho ricostruita ma le immagini non verranno visualizzate.Non ci sono state modifiche al codice, tutti i collegamenti relativi. – Mal

@Mal Prova a metterli nella cartella principale della tua app. Dovrebbe funzionare. Potrebbe essere complicato per alcuni sviluppatori, ma è l'unica soluzione fino a quando PhoneGap Build non fa qualcosa al riguardo. –

Grazie per il suggerimento. Ho scaricato il mio file .ipa e l'ho decompresso. Risulta che la sottocartella che ho creato è stata rimossa durante la compilazione. È possibile posizionare le immagini solo in una cartella preinstallata o root come suggerito. – Mal

Ho avuto un problema simile. La mia soluzione è stata quella di cambiare i percorsi delle immagini rimuovendo la "/" iniziale: /img/my_icon.png -> img/my_icon.png, poi sono apparse le mie icone in-app. Sembra che i tuoi percorsi siano corretti.

fonte

2013-10-28 18:52:23 Dan

Ho avuto anche il problema e questa soluzione funziona per me – avmauricio

Anche questo ha risolto il mio problema. –

Ho avuto problemi con la distinzione tra maiuscole e minuscole, dopo aver modificato tutti i nomi dei file immagine in minuscolo e facendo riferimento allo stesso alloggiamento, tutto ha funzionato correttamente.

fonte

2014-04-02 16:02:41 Gokulnath

Ho avuto problemi anche con il caso. Stavo cercando di visualizzare "image.jpg" e ha funzionato bene con il browser del mio portatile. Quando è stato compilato su un dispositivo Android, l'app non ha mostrato nulla fino a quando non ho provato "image.JPG" (che corrispondeva esattamente al nome del file). –

Ho trovato che entrambe le altre risposte sono corrette. Almeno per me, le immagini devono essere nella cartella radice e il caso nell'HTML deve corrispondere al caso del nome del file immagine reale.

Sto usando Nomad, quindi non so se si tratta di un problema di Nomad nel confezionamento dell'applicazione o di un problema di PhoneGap.

fonte

2014-07-26 21:16:47 CraigP

Ho riscontrato un problema durante l'utilizzo di query multimediali in CSS. Ho dimenticato di considerare che i percorsi delle immagini CSS sono relativi al foglio di stile, non al documento. Quindi, nel mio caso, il mio percorso è diventato ../images/...

fonte

2015-09-21 14:24:02

possono essere rilevanti per gli sviluppatori che utilizzano gulp per costruire le loro applicazioni: se le immagini non vengono visualizzati, controlla dove le immagini vengono collocati all'interno www dopo un gulp build.

Nel mio caso PhoneGap cercava immagini nella cartella /www/css. Modifica delle attività clean e images per riflettere che ha risolto il problema.

Stavo tentando di impostare un'immagine di sfondo con CSS; funziona ora utilizzando:

background-image: url("img/background.jpg")

fonte

2017-09-18 19:05:43

Immagini non visualizzate nell'applicazione PhoneGap Build

risposta

Problemi correlati