使用base64上传图片

前端页面如下: 

上传头像

仅支持JPG、PNG格式,文件小于3M

js文件:

使用ajax提交表单数据:

$("#savePerson").click(function() {
            var name = $("#userName").val();
            $.ajax({
                  url : 'savePerson',
                  type : 'post',
                  data : {
                    headUrl : $("#base64URL").val(),
                    name : $("#userName").val(),
                    sex : $('input[name="optionsRadiosinline"]:checked').val(),
                    age : $("#age").val(),
                    email : $("#email").val(),
                    job : $("#work").val(),
                    interest : $("#hobbies").val()
                  },
                  success : function(data) {
                    if (data.success) {
                      /* window.location.reload(); */
                      layer.msg(data.msg)
                    }
                  }
                });
            $(this).attr('disabled', true); // 设置变灰按钮
            setTimeout("$('#savePerson').removeAttr('disabled')", 2000);// 设置一秒后按钮显现
          });

Mysql数据库中使用blob类型存储:

你可能感兴趣的:(使用base64上传图片)