将上传图片转为base64存储到数据库

云飞扬12345

于 2019-10-15 15:07:57 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： # JS/JQuery

本文链接：https://blog.youkuaiyun.com/Z865785437029/article/details/102567236

JS/JQuery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用Ajax和FileReader API实现的用户头像更新方法，通过读取文件并将其转换为Data URL，然后将该URL发送到服务器进行更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  var file = document.getElementById('QMTP').files[0];
     if (file) {
    var reader = new FileReader();
    var USERNAME=$("#USERNAME").val();
    reader.onload = function ( event ) {
        avatar = event.target.result;
	$.ajax({
            url: '<%=path%>/user/editQmtp.do',
            cache:false,
            type: 'POST',
            data: {
        USERNAME:USERNAME,    	
        QMTP: reader.result
	    },
            dataType: 'json',
            success : function(rs){
            	if(rs.result=="1")
				{			
            		alert("保存成功");
            		$("#Form").submit();
				}
				else
				{
					return false;
				}
            },
            error: function(e){
            	alert("图片过大保存失败");
            }
        });
    };
	reader.readAsDataURL(file);
}