Drukowana wersja tematu

Napisany przez: pysio12 8.12.2019, 23:26:06

Cześć,
Chciałbym zapytać w jaki sposób można wyświetlić plik przesłany przez użytkownika w polu input bez wysyłania go na serwer lub przesyłania całego formularza.
Chodzi o to aby użytkownik wskazał plik i abym bezpośrednio go wyświetlił na stronie bez przesyłania go na serwer itp jest taka możliwość?

Napisany przez: dublinka 9.12.2019, 07:03:15

Zeby wyswietlic cokolwiek musi sie gdzies to znajdowac.

Napisany przez: viking 9.12.2019, 07:44:16

W https://www.w3.org/TR/FileAPI/ masz możliwość podglądu pliku przed jego uploadem dalej na serwer.

Napisany przez: dublinka 9.12.2019, 11:21:09

To chyba nie o to chodzilo.

Napisany przez: pysio12 9.12.2019, 20:50:03

Na zagranicznym forum znalazłem taki skrypt możecie mi wyjaśnić sposób działania? Wiem że skrypt pobiera nazwę pliku a pożniej wkłada go w <video> ale nie wiem dlaczego musi być to jako "id" skoro w html wystarczy w miejsce src wkleić ścieżkę dostępu.

[HTML] pobierz, plaintext 
<video width="400" controls>
  <source src="mov_bbb.mp4" id="video_here">
    Your browser does not support HTML5 video.
 
</video>
 
<http://december.com/html/4/element/script.html>
$(document).on("change", ".file_multi_video", function(evt) {
  var $source = $('#video_here');
  $source[0].src = URL.createObjectURL(this.files[0]);
  $source.parent()[0].load();
});
</http://december.com/html/4/element/script.html>
[HTML] pobierz, plaintext 

Kompletnie nie znam się na JS a chciałbym wyświetlić ścieżkę pliku który załadował użytkownik. w PHP można zrobić to w prosty sposób echo $source a tutaj ktoś może wyjaśnić?

Napisany przez: dublinka 10.12.2019, 07:34:28

Dysponuje skryptem ktory przed wyslaniem na serwer posiada podgląd pliju graficznego. Jsli wogole o to chodzi

Napisany przez: pysio12 10.12.2019, 19:45:03

Ten skrypt który wysłałem wcześniej właśnie wyświetla podgląd pliku, przed wysłaniem ale chciałbym jeszcze pobrać w taki sam sposób ścieżkę dostępu do pliku.

Napisany przez: trueblue 10.12.2019, 20:01:22

Głównie komentarze:
https://stackoverflow.com/questions/15201071/how-to-get-full-path-of-selected-file-on-change-of-input-type-file-using-jav