Zezwalaj użytkownikowi na pobieranie pliku za pomocą Ajaxa

Szukam sposobu, aby umożliwić użytkownikom pobieranie pliku z mojej witryny przy użyciu ajax. Powodem, dla którego muszę to zrobić, jest fakt, że pliki są dość duże (zwykle 50 MB). Więc kiedy użytkownik kliknie przycisk pobierania, wygląda na to, że strona nie odpowiada, ponieważ musi przesłać plik z mojego Amazon S3 do użytkownika.Zezwalaj użytkownikowi na pobieranie pliku za pomocą Ajaxa

Muszę więc poinformować użytkownika, że pobieranie jest w toku, a może nawet dać im pasek postępu. Znalazłem następujące article, ale nie jestem naprawdę chętni do wstrzykiwania iFrames na mojej stronie internetowej.

Z góry dziękuję za pomoc.

Źródło

2009-03-24 RC1140

Zdecydowałem się użyć metody IFrame, ponieważ nie ma innego sposobu, który działa na tyle płynnie, aby uczynić go wartościowym.

Źródło

2009-03-31 05:18:54 RC1140

Dodaj pasek postępu na swojej stronie i Użyj wywołań zwrotnych dla aktualizacji. To rozwiąże problem, przed którym stoisz.

Źródło

2009-03-24 06:50:42 Samiksha

Nie widzę sposobu, w jaki można zezwolić użytkownikowi na pobranie pliku za pomocą ajax. Nie będzie żadnego sposobu na przeniesienie pliku do ich systemu plików z javascript. Co jest złego w kierowaniu pliku do elementu iframe lub nowego okna i pozwalającego użytkownikom zarządzać pobraniami, tak jak przywykli do korzystania z przeglądarki?

Źródło

2009-03-24 07:29:34 JeremyWeir

Aby dodać do tego, użyj ukrytego '', który pobierze plik. Umieść pasek postępu na stronie i dodaj zdarzenie onload do '<iframe />', które ukrywa pasek postępu. Moje dwa centy, nickyt – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/77814/">nickytonline</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Tak, dokładnie to opisuje artykuł, miałem nadzieję napisać odpowiedź, ale wiem, że nie możesz tego zrobić, więc szukałem alternatyw. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/42069/">RC1140</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="clearfix"> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048877"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Ostatnie pytanie </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://pl.uwenku.com/question/p-ymuotaan-g.html" target="_blank" title="Nie można uruchomić urządzenia, ponieważ nie można go znaleźć na dysku."> Nie można uruchomić urządzenia, ponieważ nie można go znaleźć na dysku. </a> </li> <li class="side_article_list_item"> 2. <a href="http://pl.uwenku.com/question/p-dihneeck-p.html" target="_blank" title="Tryb debugowania aplikacji Native App działa poprawnie, tryb awaryjny ulega awarii (rejestr aplikacji i ocena "a.View.propTypes.style")"> Tryb debugowania aplikacji Native App działa poprawnie, tryb awaryjny ulega awarii (rejestr aplikacji i ocena "a.View.propTypes.style") </a> </li> <li class="side_article_list_item"> 3. <a href="http://pl.uwenku.com/question/p-huotcovz-g.html" target="_blank" title="Jaka jest różnica między SpringJUnit4ClassRunner i SpringRunner"> Jaka jest różnica między SpringJUnit4ClassRunner i SpringRunner </a> </li> <li class="side_article_list_item"> 4. <a href="http://pl.uwenku.com/question/p-wirjnzko-bk.html" target="_blank" title="reaguje natywnie uruchomić-android Nie można znaleźć com.android.tools.build:gradle:3.0.1"> reaguje natywnie uruchomić-android Nie można znaleźć com.android.tools.build:gradle:3.0.1 </a> </li> <li class="side_article_list_item"> 5. <a href="http://pl.uwenku.com/question/p-spaocjco-v.html" target="_blank" title="Dokonywanie jdk.incubator.httpclient moduł widoczny przy starcie"> Dokonywanie jdk.incubator.httpclient moduł widoczny przy starcie </a> </li> <li class="side_article_list_item"> 6. <a href="http://pl.uwenku.com/question/p-pyhempwc-v.html" target="_blank" title="Typo: błąd wywołany boolem na int w std :: ifstream pod Linuksem"> Typo: błąd wywołany boolem na int w std :: ifstream pod Linuksem </a> </li> <li class="side_article_list_item"> 7. <a href="http://pl.uwenku.com/question/p-qfyhalgw-q.html" target="_blank" title="Zaktualizuj konkretną kolumnę listy <T>"> Zaktualizuj konkretną kolumnę listy <T> </a> </li> <li class="side_article_list_item"> 8. <a href="http://pl.uwenku.com/question/p-ayvxnjpq-bo.html" target="_blank" title="Klastrowanie czarno-białych dokumentów obrazkowych"> Klastrowanie czarno-białych dokumentów obrazkowych </a> </li> <li class="side_article_list_item"> 9. <a href="http://pl.uwenku.com/question/p-oxigcyvj-t.html" target="_blank" title="ios 11 - UIButton wewnątrz UIBarButtonItem powoduje błąd autouwalniania"> ios 11 - UIButton wewnątrz UIBarButtonItem powoduje błąd autouwalniania </a> </li> <li class="side_article_list_item"> 10. <a href="http://pl.uwenku.com/question/p-avyeizba-m.html" target="_blank" title="odgórne Web Generation obsługa za pomocą oś1 bierze mój complexType siebie"> odgórne Web Generation obsługa za pomocą oś1 bierze mój complexType siebie </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Powiązane problemy</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item">Brak powiązanych problemów^_^</li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://pl.uwenku.com/contact">Skontaktuj się z nami</a></li> <li>© 2020 PL.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>

Zezwalaj użytkownikowi na pobieranie pliku za pomocą Ajaxa

Odpowiedz