完成上传自定义头像的功能

This commit is contained in:
virusdefender
2016-05-31 19:18:43 +08:00
parent be49cf941a
commit c61dea63af
9 changed files with 40 additions and 17 deletions

View File

@@ -63,7 +63,7 @@ pre, code {
background-color: white;
}
#index-avatar{
.big-avatar{
height: 200px;
width: 200px;
}

View File

@@ -1,20 +1,26 @@
require(["jquery", "bsAlert", "csrfToken", "uploader"], function ($, bsAlert, csrfTokenHeader, uploader) {
var avatar = "";
var avatarUploader = uploader("#avatarUploader", "/",
var avatarUploader = uploader("#avatarUploader", "/api/avatar/upload/",
{title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/*'},
function (file, response) {
//todo
if (response.code) {
bsAlert(response.data);
}
else {
avatar = response.data.path;
$('#current-avatar').attr('src', avatar);
}
});
function changeAvatar(event) {
avatar = $(event.target).attr('src');
$('#current_avatar').attr('src', avatar);
$('#current-avatar').attr('src', avatar);
}
$('.avatar-item').click(changeAvatar);
$('#save_avatar').click(function () {
$('#save-avatar').click(function () {
if (avatar)
$.ajax({
beforeSend: csrfTokenHeader,