Преобразование значения формы в JS

Question

Моя цель состоит в том, чтобы создать путь фото, как это,

html: "<img src='[add-file-path-here]" + file["name"] + "' width='50' />" 

Эта область

[add-file-path-here] 

должен быть users/$username

$ имя пользователя скрытое поле на странице так должно быть легко доступно. форма выглядит так,

<form id="upload" method="post" action="actions/upload.php" enctype="multipart/form-data"> 
<input type="hidden" name="username" value="<?php echo $username; ?>" id="username"> 

в этом JS файл, как я могу добавить переменную $ имя пользователя на пути изображения. Таким образом, независимо от того, какой пользователь вошел в нем всегда показывает обрядовый путь к, что пользователи изображения

Так быть ясно, в виде HTML У меня есть скрытый вызов поле $username, я хочу, чтобы создать путь IMG в JS file

html: "<img src='[add-file-path-here]" + file["name"] + "' width='50' />" 

Как я могу поменять [add-file-path-here] для users/$username

Answer 1

Просто прочитайте значение элемента формы с JQuery?

var path = "users/" + $("#username").val(); 
// .... 
html: "<img src='" + path + file["name"] + "' width='50' />"