{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 神经病院院长 的问题《Cordova / Phonegap downloading a lot of images, be》','https://www.manongdao.com/q-995802.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I need some advice. I have Phonegap / Cordova content app created using Ionic Framework. This app is supose to work both offline and online.
So far I managed to implement offline database (SQLite), but I have some trouble with images.
The first strategy I chose was to "install" all the images at the beginning of first start of app (in meanwhile Progress Bar was visible)
It works, but I think that first start of app is simply too slow (it's over 800 images) It takes more than 7 minutes, which is really bad for user experience.
Here are some of my strategies:
Download all the images as single ZIP file and extract it into device
Download only some part of images (25% ?) and then download rest of them in the background, while user can use his app. Use some kind of images placeholder at some places ?
Which strategy is the best ? Maybe someone has similar experience ?
image-saver
An Ionic/Angular directive for saving remote images to local file storage. Might be able to help you out. Make sure to follow the readMe.md file.