图片转换Base64

最新推荐文章于 2024-05-31 09:05:13 发布

wang880117

最新推荐文章于 2024-05-31 09:05:13 发布

阅读量148

点赞数

分类专栏： js base64 image

js 同时被 3 个专栏收录

22 篇文章

订阅专栏

base64

1 篇文章

订阅专栏

image

1 篇文章

订阅专栏

图片转换Base64

<script type="text/javascript">
				function $_(id) {
					return document.getElementById(id);
				}
				function gen_base64() {
					$_('base64_output').value = '';
					$_('img_size').innerHTML = '';
					$_('img_prev').src = '';
					var file = $_('upload_file').files[0];
					if(!/image\/\w+/.test(file.type)){
						alert("请确保文件为图像类型");
						return false;
					}
					r = new FileReader();  //本地预览
					r.onload = function(){
						$_('base64_output').value = r.result;
						$_('img_size').innerHTML = "    图片大小：" + Math.round(r.result.length/1024*1000)/1000 + " KB";
					}
					r.readAsDataURL(file);    //Base64
				}
				function test_base64() {
					$_('img_prev').src = '';
					$_('img_prev').src = $_('base64_output').value;
				}
				window.onload = function() {
					if ( typeof(FileReader) === 'undefined' ){
						alert("抱歉，你的浏览器不支持 FileReader，请使用现代浏览器操作！");
						$_('upload_file').disabled = true;
					}
				}

            </script>