Data URL实现用户头像上传

最新推荐文章于 2023-02-06 13:00:00 发布

peacezhi

最新推荐文章于 2023-02-06 13:00:00 发布

阅读量472

点赞数

分类专栏：语法与技术文章标签： dataurl

本文链接：https://blog.csdn.net/peacezhi/article/details/118711668

版权

本文介绍了dataURL的概念，它是一种通过URL展示数据的方式。内容包括如何在UserController和UserService中实现头像上传的处理方法，以及dataURL的完整语法格式：data:mediatype;base64,<Base64编码的数据>，其中mediatype指定MIME类型。" 110859622,10294208,网络管理员的VoIP网络抖动测试利器,"['网络稳定性测试工具', 'snmp测试工具', 'VoIP网络', '网络管理', '抖动监控']

摘要由CSDN通过智能技术生成

什么是dataURL？dataURL就是data通过URL的形式表现出来，结果和一般的URL调用时一样的
在这里插入图片描述
源代码如下

<body>
	<p>
	<h4>普通URL</h4>
	<image src="http://www.itcast.cn/2018czgw/images/logo.png">
	</p>
	<br/>
	<p>
	<h4>Data URL</h4>
	<image src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAA5CAYAAACMNEHAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZDAxYjE4NC04MTFlLTE4NDEtYTUwYi0wMzljNjZmNDA1YWUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUYyRjEwQUFGMEY3MTFFN0IzQUU5ODg2NUEzREJFMDMiIHhtcE1NOkluc3RhbmN