Завантажте файл за допомогою jQuery

Як я можу запропонувати користувачу завантажити, коли він натисне посилання.

Наприклад, замість:

<a href="uploads/file.doc">Download Here</a>

Я можу використовувати:

<a href="#">Download Here</a>

 $('a').click... //Some jquery to download the file

Таким чином, Google не індексує файли моїх HREF та приватні файли.

Чи можна це зробити за допомогою jQuery, якщо так, то як? Або це потрібно робити з PHP чи щось замість цього?

Я можу запропонувати це як більш витончене приниження, використовуючи preventDefault:

$('a').click(function(e) {
    e.preventDefault();  //stop the browser from following
    window.location.href = 'uploads/file.doc';
});

<a href="no-script.html">Download now!</a>

Навіть якщо немає Javascript, принаймні таким чином користувач отримає певний відгук.

Якщо ви не хочете, щоб пошукові системи індексували певні файли, ви можете використовувати robots.txt, щоб повідомити веб-павукам не отримувати доступ до певних частин вашого веб-сайту.

Якщо ви покладаєтесь лише на JavaScript, то деякі користувачі, які переглядають без нього, не зможуть натискати ваші посилання.

Ось приємна стаття, яка показує багато способів приховування файлів від пошукових систем:

http://antezeta.com/news/avoid-search-engine-indexing

JavaScript не є гарним способом не індексувати сторінку; це не заважатиме користувачам безпосередньо посилатися на ваші файли (і тим самим розкривати їх сканерам), і, як згадував Роб, працюватиме не для всіх користувачів.
Просте виправлення - додати rel="nofollow"атрибут, хоча, знову ж таки, без robots.txt це не повно.

<a href="uploads/file.doc" rel="nofollow">Download Here</a>

Так, вам доведеться змінити window.location.href на URL файлу, який ви хочете завантажити.

window.location.href = 'http://www.com/path/to/file';

 var link=document.createElement('a');
 document.body.appendChild(link);
 link.href=url;
 link.click();

• Використання функції jQuery

      var valFileDownloadPath = 'http//:'+'your url';
  
     window.open(valFileDownloadPath , '_blank');
  

Заявляючи, window.location.href = 'uploads/file.doc';ви показуєте, де зберігаєте свої файли. Ви, звичайно, можете використовувати .htacess, щоб змусити потрібну поведінку для збережених файлів, але це не завжди може бути корисним ....

Краще створити php-файл на стороні сервера і розмістити в ньому цей вміст:

header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename='.$_REQUEST['f']);
readfile('../some_folder/some_subfolder/'.$_REQUEST['f']); 
exit;

Цей код поверне будь-який файл у вигляді завантаження, не показуючи, де ви його фактично зберігаєте.

Ви відкриваєте цей php-файл через window.location.href = 'scripts/this_php_file.php?f=downloaded_file';

Приховані рамки кадрів можуть допомогти

Я пропоную вам скористатися подією mousedown, яку називають ДО події натискання. Таким чином, браузер природним чином обробляє подію натискання, що дозволяє уникнути будь-якої дивацтва коду:

(function ($) {


    // with this solution, the browser handles the download link naturally (tested in chrome and firefox)
    $(document).ready(function () {

        var url = '/private/downloads/myfile123.pdf';
        $("a").on('mousedown', function () {
            $(this).attr("href", url);
        });

    });
})(jQuery);

Ознайомтесь із подібною публікацією щодо використання jQuery для очищення форм: Скидання багатоетапної форми за допомогою jQuery

Ви також можете зіткнутися з проблемою, у якій значення переносяться стеком значень стійок. Іншими словами, ви подаєте свою форму, виконайте все, що завгодно в класі дій, але не очищайте пов’язані значення поля в класі дій. У цьому сценарії форма може відображати значення, які ви подали раніше. Якщо ви зберігаєте їх певним чином, просто скасуйте значення кожного поля у вашому класі дій після збереження та перед поверненням SUCCESS.