Как использовать переменные в моем href при загрузке файла?

Question

JavaScript

У меня есть три переменные, которые я хотел бы использовать, чтобы определить HREF для загрузки файла:

var fSelect; 
var uSelect; 
var bSelect; 

Так что мой HREF будет определяться переменной следующим образом:

var saveFile = '../files/' + fSelect + uSelect + bSelect + '.x3g'; 

HTML

Но как я могу использовать это в своем документе HTML?

<a><img src="../save-button.png" alt="Save" width="120" height="40" /></a> 

Answer 1

Дайте IMG тег атрибут ID (в данном случае, я использую IMG)
Затем измените метку с помощью DOM

document.getElementById("img").src = saveFile;

Answer 2

Как я понял, вопрос это «как начать загрузку файла, когда у меня есть переменная »?

<a id="saveFileHref" href="#"> 
    <img src="../save-button.png" alt="Save" width="120" height="40" /> 
</a> 

В JavaScript:

document.getElementById('saveFileHref').onclick = function() {  
    var saveFile = '../files/' + fSelect + uSelect + bSelect + '.x3g'; 
    window.location.href = saveFile; 
}; 

JavaScript onclick событие позволяет определить поведение щелкнули элемента. window.location.href позволяет изменить текущий URL.

Это хороший подход, если ваши fSelect, uSelect и bSelect выбраны на странице, а url должен быть сгенерирован динамически. Если у вас есть вычисляемый safeFile значения в начале загрузки, вы можете установить его в самом начале:

document.getElementById('saveFileHref').src = '../files/' + fSelect + uSelect + bSelect + '.x3g';