Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Jak wstawić zmienną w js
Forum PHP.pl > Forum > Przedszkole
kondziu9516
Witam jak wstawić w zmienną nazwa parametr file.name ?


[JAVASCRIPT] pobierz, plaintext
  1. var nazwa = 'tutaj chce file.name'
  2. var template = '<div class="preview">'+
  3. '<span class="imageHolder">'+
  4. '<img />'+
  5. '<span class="uploaded"></span>'+
  6. '</span>'+
  7. '<div class="progressHolder">'+
  8. '<div class="progress">'+nazwa+'</div>'+
  9. '</div>'+
  10. '</div>';
[JAVASCRIPT] pobierz, plaintext


chodzi głównie, żeby zmienna nazwa była pobrana w to: '<div class="progress">'+nazwa+'</div>'
A zmienną ma być nazwa pliku wgrywanego.
file.name jest też w innych częściach kodu i działa, a tu nie co_jest.gif

cały kod jakby ktoś potrzebował:

[JAVASCRIPT] pobierz, plaintext
  1. $(function(){
  2.  
  3. var dropbox = $('#dropbox'),
  4. message = $('.message', dropbox);
  5.  
  6. dropbox.filedrop({
  7. //
  8. paramname:'pic',
  9.  
  10. maxfiles: 5,
  11. maxfilesize: 2,
  12. url: 'post_file.php',
  13.  
  14. uploadFinished:function(i,file,response){
  15. $.data(file).addClass('done');
  16. $.data(file).addClass('done2').showMessage('aaaaaaaaaaas');
  17.  
  18. const x = 12;
  19. const bla = file.name+' zostało zapisane na serwerze';
  20. alert(bla);
  21. },
  22.  
  23. error: function(err, file) {
  24. switch(err) {
  25. case 'BrowserNotSupported':
  26. showMessage('Twoja przeglądarka nie wspiera uploadu plików HTML5!');
  27. break;
  28. case 'TooManyFiles':
  29. alert('Za dużo zdjęć na raz! Wybierz co najwyżej 5.');
  30. break;
  31. case 'FileTooLarge':
  32. alert(file.name+' jest za duże!. Wrzuć zdjęcie o wadze najwyżej 2 MB.');
  33. break;
  34. default:
  35. break;
  36. }
  37. },
  38.  
  39. beforeEach: function(file){
  40. if(!file.type.match(/^image\//)){
  41. alert('Tylko zdjęcia są dozwolone!');
  42. return false;
  43. }
  44. },
  45. uploadStarted:function(i, file, len){
  46. createImage(file); },
  47.  
  48. progressUpdated: function(i, file, progress) {
  49. $.data(file).find('.progress').width(progress);
  50. }
  51. });
  52.  
  53. var nazwa = 'file'
  54. var template = '<div class="preview">'+
  55. '<span class="imageHolder">'+
  56. '<img />'+
  57. '<span class="uploaded"></span>'+
  58. '</span>'+
  59. '<div class="progressHolder">'+
  60. '<div class="progress">'+nazwa+'</div>'+
  61. '</div>'+
  62. '</div>';
  63.  
  64. function createImage(file){
  65.  
  66. var preview = $(template),
  67. image = $('img', preview);
  68.  
  69. var reader = new FileReader();
  70.  
  71. image.width = 100;
  72. image.height = 100;
  73.  
  74. reader.onload = function(e){
  75.  
  76. image.attr('src',e.target.result);
  77. };
  78.  
  79. reader.readAsDataURL(file);
  80.  
  81. message.hide();
  82. preview.appendTo(dropbox);
  83.  
  84.  
  85. $.data(file,preview);
  86. }
  87.  
  88. function showMessage(msg){
  89. message.html(msg);
  90. }
  91.  
  92. });
[JAVASCRIPT] pobierz, plaintext
!*!
[JAVASCRIPT] pobierz, plaintext
  1. var nazwa = file.name;
[JAVASCRIPT] pobierz, plaintext
?
kondziu9516
no właśnie chyba nie, bo nie wykonuje dalej skryptu.

To znaczy wykonywać wykonuje, ale nie pokazuje pasku stanu i gotowego zdjęcia.

_____________________
Może jakoś inaczej coś napisać ?
Czy jak to file.name wstawić ?
!*!
Pokaż kod na żywo i jak/gdzie deklarujesz zmienną. http://jsfiddle.net/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.