2014-12-06 3 views
2

Я хочу удалить кнопку обзора с картинки. Это более профессионально выглядящий, если я сохраняю изображение изображения профиля, так что, когда пользователь нажимает на изображение, он открывается Выбрать окно файл ... Мне удалось сделать это с помощью следующего кода:Удаление кнопки просмотра при отправке изображения

<label><img src="images/profile-picture.png"><input type="file" name="pic" id="pic" accept="image/*"></label> 

Любая идея, как я могу удалить кнопку раздражающий и текст рядом с ним?

This is my web interface

+1

увидеть это демо будет полезна для вас. http://jsfiddle.net/VQJ9V/307/ – Girish

ответ

1

EDIT: Вы можете просто скрыть настройки его свойство дисплея ни ввода:

<label> 
 
    <img src="http://www.insidefacebook.com/wp-content/uploads/2013/01/profile-150x150.png" id="profile-pic"> 
 
    <input type="file" name="pic" id="pic" accept="image/*" style="display: none;"> 
 
</label>

+0

спасибо за ваш ответ, не будет ли функция javascript бесполезной в этом случае? Так как изображение включено в метку метки? –

+0

Хорошая точка, действительно, она не нужна. Я отредактирую ответ. – Dim13i

Смежные вопросы