how to set the physical path of dir of application to anchot tag href in div

Question

User-1722422105 posted

Hi all

i  have anchor tag like

<a href="~/Uploads/53/Uploaded.jpg" onclick="func()" ; return false;">Open file</a> this is static

53  available in  <input type="text" class="form-control" id="lbl1" readonly="readonly" />

how i can add dynamic path for anchor tag , Uploaded.jpg  is again static.

folder 53 is inside Uploads, but in the solution it is shown.

Answer 1

User475983607 posted

The HTML anchor syntax is simply.  This assumes the Uploads folder is in the web application root.

<a href="/Uploads/53/Uploaded.jpg"

The tilda (~) is a server side construct not HTML.

Answer 2

User-369506445 posted

hi

I think <g class="gr_ gr_107 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del" id="107" data-gr-id="107">your</g> mean is generated new path based input value

if yes, you can try below code :

DEMO

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script>
    $(function () {
        var folderPath = "Uploads/53";

        $("#lbl1").val();
        $('a').each(function () {

            var fullpath = this.protocol + "://" + this.hostname + "/" + folderPath +  this.href.replace(/^.*\/\/[^\/]+/, '');
            alert(fullpath);
            $(this).attr('href', fullpath);
             
        });
    })
</script>



<a href="/Uploaded.jpg" onclick="func()" ; return false;">Open file</a> this is static

<input type="text" class="form-control" id="lbl1" readonly="readonly" value="53" />

Answer 3

User-1722422105 posted

Hi Vahid thanks for reply.

my question is  i have label

<input type="text" class="form-control" id="lbl1" readonly="readonly"  />
we get this value dynamically. it is number, then we are creating folder programtically inside the uploads folder ,say lbl1=53 is created
inside upload, it contain the  single file  Uploaded.jpg   so when i crearted the anchor tag href should point to \\Uploaded.jpg 

how we can do it

.

Answer 4

User-369506445 posted

Hi side

The last sample got label value and created a new path based on the label. But I had a mistake in the last sample, I forgot to set the label value in the path, please try below code

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script>
    $(function () {
        var folderPath = "Uploads/"+$("#lbl1").val();

        $('a').each(function () {

            var fullpath = this.protocol + "://" + this.hostname + "/" + folderPath +  this.href.replace(/^.*\/\/[^\/]+/, '');
            alert(fullpath);
            $(this).attr('href', fullpath);
             
        });
    })
</script>



<a href="/Uploaded.jpg" onclick="func()" ; return false;">Open file</a> this is static

<input type="text" class="form-control" id="lbl1" readonly="readonly" value="53" />