Я пытаюсь сделать это, когда вы нажимаете на определенную часть страницы, пользователь может загрузить файл. Прямо сейчас, я сделал так, чтобы непрозрачность кнопки была 0, но ярлык также исчезает. Я просто хочу, чтобы на нем был ярлык, но кнопка исчезла.Как удалить кнопку загрузки, но сохранить ярлык?
Базовый код: http://pastebin.com/gWYVNPxK
Вы можете сделать это с помощью display вместо opacity, и немного JQuery, чтобы сделать текст вызвать теперь скрытую кнопку:
JSFiddle: https://jsfiddle.net/Hybridx24/qou099nj/
Спасибо, но когда я пытаюсь добавить вложение с помощью вашего кода, имя моего файла не отображается. Знаете ли вы, как получить значение кнопки? – Rinchen
Проверьте мою ссылку еще раз, я немного изменил ее, чтобы вывести имя файла :) – Hybrid
Это было именно то, что я искал, еще раз спасибо! – Rinchen
вместо <button onclick=".." /> вы можете иметь <div onclick=".."> или <span onclick="..">, где диапазон/дела будут представлять интерактивную часть страницы
$('#_uploadText').on('click', function() {
$('#_inputFile').click();
})
$('#_inputFile').on('change', function() {
var value = $("#_inputFile").val();
\t $("#_fileName").html(value);
})input {
display: none
}<div class="col-md-2">
\t <input id="_inputFile" type="file" class="form-control">
\t <small id="_uploadText"> Click or Drag an Attachment </small>
<br>
<span id="_fileName"></span>использовать дополнительные JQuery на изменение для отображения значения входного файла
Можете ли вы предоставить нам код, который вы имеете до сих пор? – Hybrid
Вот вы: http://pastebin.com/gWYVNPxK – Rinchen