Maijane Ответов: 2

Onclick изменить изображение профиля

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

<
<a class="media-left pr-n" href="">
                    <img class="media-object img-resposnive" src="@Model.ImageStore.GetPublicImageUrl()" alt="Generic placeholder image" width='88' height='88'>
                </a>


Что я уже пробовал:


< img class= "media-object img-resposnive" src= " @Model.Хранилище изображений.GetPublicImageUrl () "alt=" Generic placeholder image "width=' 88 ' height='88'>

ZurdoDev

Поместите событие onclick в img, а затем напишите код для этого. Где ты застрял?

2 Ответов

Рейтинг:
15

Vincent Maverick Durano

Вам нужно будет закодировать логику изменения изображения профиля. Идея состоит в том, чтобы подключить событие щелчка JavaScript, а затем заставить пользователя выбрать картинку. Затем вы можете отправить AJAX-запрос на сохранение загруженного файла на вашем сервере для дальнейшего использования. И, наконец, установите src вашего изображения на новое загруженное изображение.

Я считаю, что есть масса примеров, демонстрирующих, как это сделать в jQuery. Это либо использование плагина, либо прокатка вашего собственного кода для загрузки. Просто найдите их в google.

Рейтинг:
1

Grant Weatherston

используйте jquery для выбора элемента и создания события onclick. Самый простой способ сделать это-использовать идентификатор.

добавьте идентификатор к тегу img, скажем, "profile_pic".

тогда в ваш JavaScript-файл делать.

$('#profile_pic').on('click', changePic);


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