Динамическое изменение ссылок

Question

Я ищу решение, которое поможет мне с динамическими ссылками.

Скажем, у меня есть основное соединение, как так:

<a href="~/Test/Test.pdf" target="_blank">Test Dynamic Links</a> 

Если у меня есть кнопка или вход, а, чтобы позволить пользователю заменить эту ссылку с другой ссылкой, как бы я идти об этом?

Пример:

Пользователь хочет изменить ссылку выше:

<a href="~/Test2/Test2.pdf" target="_blank">Test Dynamic Links</a> 

Таким образом, пользователь должен нажать кнопку <input type="file" /> .. перейдите к ~/Test2/Test2.pdf и нажмите кнопку Открыть. Как изменить значение href предыдущей ссылки на новую, используя File Explorer?

Имея в виду, что текст ссылки не изменяется.

Сообщите мне, если я смогу прояснить ситуацию.

Любая помощь приветствуется.

Answer 1

Таким образом, пользователь должен нажать на кнопку .. перейдите к ~/Test2/Test2.pdf и нажмите кнопку Открыть , Как изменить значение href предыдущей ссылки на новую, используя File Explorer?

Ответ вы не можете. Вы не можете прочитать путь к клиентской машине с помощью JavaScript. Это ограничение безопасности, за которым следуют все браузеры.

Даже если вы извлекаете путь к файлу с помощью $('#yourFileInput').val(), он дает вам поддельный путь для сохранения информации о пользователе.

Вы можете получить filename. Если это вам пригодится.

Answer 2

Вы помечено свой пост с JQuery, так вот, как изменить атрибут с помощью JQuery:

HTML:

<a class="testlink" href="~/Test/Test.pdf" target="_blank">Test Dynamic Links</a> 

JS:

var link = "~/Test2/Test2.pdf"; //set var to new href 
$('.testlink').attr('href', link); //set link href to var 

Answer 3

$(".upload").change(function() { 
 
    $(this).prev('a').attr('href',$(this).val()); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="~/Test/Test.pdf" target="_blank">Test Dynamic Links</a> 
 
<input type="file" class="upload">

Таким образом, вам придется настроить селекторы (наверное), но это базовый пример ...