Witam,

Od paru dni próbuję obmyślić rozwiązanie tego problemu, a mianowicie:

Mam 8 kratek przeznaczone na zdjęcia i każde z nich jest zbindowane do:

Rozwiązanie 1 (niepoprawne): jednego input file z atrybutem multiple
Rozwiązanie 2 (zamotane): jednego inputa multiple i 7 pojedyńczych, zabawa się zaczyna przy ponownym wczytaniu paru obrazków w multiple


Funkcja rekursywna którą napisałem(showFile) jednak nie osiągnąłem docelowego efektu.
  1.  
  2. function uploadFiles(files, idx) {
  3. if (files && files.length > 0) {
  4. var showFile = function(file, i) {
  5. var reader = new FileReader();
  6.  
  7. reader.onload = function (e) {
  8. $('span.add-photo:eq('+(idx+i)+') img').attr('src', e.target.result);
  9.  
  10. if (files[i+1] && $('span.add-photo:eq('+(i+1)+') img').length > 0) {
  11. showFile(files[i+1], i+1);
  12. }
  13. }
  14. reader.readAsDataURL(file);
  15. }
  16.  
  17. showFile(files[0], 0);
  18. }
  19. }


Czy jest jakieś znane rozwiązanie uploadu obrazków jak na olx.pl?

Z góry dziękuje smile.gif