Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Po stronie przeglądarki _ Upload w czasie rzeczywistym

Napisany przez: blackstone 25.01.2018, 23:34:44

Potrzebuje uzyskać na stronie następujący efekt 1 ) Możliwość przesyłu plików na serwer bez klikania w formularz czyli np zmniejszam okno przeglądarki na pulpicie klikam w jakiś plik i gdy puszczę go w okno przeglądarki to ona zaczyna go pobierać. 2) Jakiś wskaźnik graficzny pokazujący aktywnie ile procent z rozmiaru pliku zostało przesłane na serwer. Moje pytanie jest takie jakiego frameworka/biblioteki JS w tym celu użyć ? Czy to wszystko można wykonać w Angular ( liznąłem troszeczkę podstaw ) czy w innych ? A tak w ogóle to jaki framework/biblioteka nadaje się do tego najlepiej ( bo trochę ich jest: Angular,React, Meteor, Vanilia, Node itp ) pod względem przedewszystkim prostoty kodu, czy raczej nie ma między nimi tutaj wyraźnych różnic ? PS : Wiem że sam bezpośrednio przesył to backend ( z tym problemu nie mam ) , co innego frontend bo powierzchownie mam z nim do czynienia i słabo się orientuje we frameworkach JS. Z góry dzięki za odpowiedzi.

Napisany przez: trzczy 26.01.2018, 00:08:57

Na googlach cza poszukać na hasło

FileReader drag and drop

i można w czystym js zrobić. Chociaż to zależy, jak kto bardziej lubi. Ewentualnie

jquery drag and drop

bo jak rozwiązanie jest z użyciem frameworka, to FileReader może nie występować w tutorialu.

Napisany przez: Comandeer 27.01.2018, 11:44:28

Na pewno wspomniany już FileReader, natomiast samo pokazywanie postępu to już działka XMLHttpRequest i jego zdarzenia progress. Ogólnie to warto spojrzeć np. do https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects

Co do frameworków: w każdym dałoby się coś takiego zrobić, więc to już po prostu kwestia preferencji.

Napisany przez: ZenekN 12.02.2018, 22:43:34

@Comandeer, dzięki za info własnie się rozglądałem za tym rozw.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)