2016-12-19 155 views
-2

我正在寻找解决方案来帮助我动态链接。动态链接更改

比方说,我有像这样一个基本环节:

<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值更改为新链接?

请记住,链接文本不会更改。

让我知道我是否可以澄清任何事情。

任何帮助表示赞赏。

+0

@BvilleKid这里的答案没有解决您的问题?你需要至少承认他们的努力和时间,并让他们知道他们的答案是否适合你。我认为这是你应该给予的应有的尊重。 –

回答

1

因此,用户可以点击按钮..浏览到〜/ Test2的/ Test2.pdf,然后单击打开。如何使用文件资源管理器将上一个链接的href值更改为新链接?

答案是你不能。您无法使用JavaScript读取客户机路径。这是所有浏览器都遵循的安全限制。

即使您使用$('#yourFileInput').val()获取文件路径,它也会为您提供假路径来保护用户信息。

但是,您可以获得filename。如果这对你有任何用处。

0

您标记使用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 
2

$(".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">

所以,你将不得不调整选择器(可能),但是这是基本的例子...