html5 base64 - jis117 - ITeye博客

`

jis117

浏览: 304089 次
性别:
来自: 北京

最近访客更多访客>>

liuzidong

xx5333

a1733687480

dangerous2440

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

html5 base64

博客分类：

html

阅读更多

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>html5 img to base64 example</title>
<script type="text/javascript" src="/thirdparty/jQuery/jquery-2.0.0.min.js"></script>
</head>
<body>
<input type="file" accept="image/*" "multiple"="multiple" id="file"/>
</body>
<script type="text/javascript">
$('#file').bind('change',function(){
	saveImg(this);
});
function saveImg(obj) {
	var files = obj.files;
	for(var i = 0, len = files.length; i < len; i++) {
		var file = files[i];
		getBase64(file, function(src) {
			$.ajax({
				url : 'save',
				method : 'POST',
				context : document.body,
				cache : false,
				data : {"fileName" : file.name, "contentType" : file.type, "size" : file.size, "base64Url" : src },
				success : function(data, textStatus, jqXHR) {
					//$('#img').attr('src', src);
				},
				dataType : "json"
			});
		})
	}
}
function getBase64(file, callback) {
	var reader = new FileReader();
	reader.onload = function (event) {
		var src = event.target.result;
		if(callback) {
			callback(src);
		}
	};
	reader.readAsDataURL(file);
}
</script>
</html>

分享到：

MessageFormat | 使用woff字体

2013-11-03 13:24
浏览 1706
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

HTML5 base64图片压缩上传程序: HTML5 base64图片压缩上传程序是一种利用现代浏览器的特性实现的前端技术方案，它结合了HTML5的新特性，如File API、Canvas以及base64编码，实现了用户在网页上选择图片后，先进行压缩处理，再以base64编码的形式...

HTML5 base64 图片下载: HTML5 base64 图片下载参考文档 http://blog.csdn.net/fenglailea/article/details/56488096

HTML5 base64图片压缩上传程序.zip: HTML5 PHP base64图片压缩上传程序，现在像很多WEB上传程序包括微信、QQ等在发送一些图片的时候，会自动压缩(衰减)图片，这样可有效保证速度，节省用户流量，这个例子采用base64图片压缩算法，将图片按比例压缩，...

H5移动端Base64压缩图片: 对于图片而言，Base64编码可以将图片的像素数据转化为一串文本字符串，然后嵌入到HTML或CSS代码中，使得浏览器可以直接解析显示图片。在H5移动端，我们可以使用HTML5的Canvas元素来处理图片。Canvas是一个基于矢量...

Base64.zip_labview base64: Base64是一种常见的数据编码方式，它将任意的二进制数据转化为可打印的ASCII字符序列，常用于在电子邮件、HTML或JSON等不支持二进制传输的环境中传递数据。在LabVIEW中，通常我们可以通过编写自定义VI来实现Base64的...

labview 图片缩放 base64编码base64解码: 在实际应用中，这些技术可能结合在一起，比如，你可能需要先缩放图片，然后进行Base64编码，以便将其嵌入到HTML页面或通过邮件发送。反之，接收到Base64编码的图片后，可以先解码，再进行显示或进一步的处理。为了...

Base64转二进制文件，Base64 To File: Base64编码会将3个字节的二进制数据转化为4个字符的Base64字符串，每个Base64字符代表6位的二进制数，总共能表示2^64 = 64种不同的值。标题"Base64转二进制文件，Base64 To File"涉及到的核心技术是将Base64编码的...

HTML5HTML5 选图压缩 base64编码上传解码: 本主题将深入探讨HTML5中的图片选取、压缩、base64编码、上传以及解码的流程。首先，让我们从图片选取开始。HTML5引入了`<input type="file">`元素的`accept`属性，允许用户指定可以选取的文件类型，比如仅限图片...

VB JPG转base64和base64转JPG.rar: 引用mshtml库则可以利用HTMLDocument对象的write方法，自动完成Base64编码。 2. **Base64转JPG**：相反的过程是解码Base64字符串，创建字节数组，然后写入到新的JPG文件中。VB6.0同样没有内置的Base64解码函数，但...

Android图片的Base64编码与解码及解码Base64图片方法: 在处理HTML中嵌入的Base64图片时，需要注意去除字符串的前缀。这个过程对于优化数据在网络上的传输和简化存储结构非常重要。了解和掌握Base64编码与解码技术，能够帮助开发者更好地处理图像数据，提高应用的性能和...

Base64 编码和解码: - 图像数据的传输：例如，将图片数据编码为Base64字符串，嵌入HTML的`<img>`标签中。 - JSON Web Tokens (JWT)：JWT通常包含Base64编码的头部、载荷和签名部分。 - 邮件附件：在某些邮件系统中，为了避免二进制附件...

Base64的js插件: 5. 可能还包含其他辅助方法，如检查字符串是否为Base64编码，或者处理URL安全的Base64（即替换'/'为'_'，'+'为'-')。在描述中提到了"导入时别忘了导入jQuery"，这意味着这个Base64插件可能依赖于jQuery库。jQuery...

base64包,decodeBase64包,encodeBase64String包: Base64是一种在互联网上广泛使用的编码方式，用于将二进制数据转换为可打印的ASCII字符，以便在电子邮件、HTML或JSON等不支持二进制传输的环境中进行传输。在Java中，处理Base64编码和解码的库通常包含在特定的包中...

html5上传图片转换成base64值传入后台，再转换为图片保存在服务器: 同时生成了缩略图和正常图片的base64值，缩略图用于页面进行显示，正常图片进行后续打开查看。测试了安卓和ios的微信端，一切正常。另外由于缓存资源的原因没有考虑上传按钮的添加，上传图片即上传，ajax为异步...

js加载base64图片: Base64是一种用于将二进制数据转换为文本格式的方法，以便可以在HTML和JavaScript中安全地传递。以下是对这个主题的详细阐述： 1. **Base64编码原理**： Base64是一种编码方式，它将任何可变长度的二进制数据转换...

PDF和Base64格式互相转换: Base64是一种用于将二进制数据编码为ASCII字符串的编码方式，以便于在电子邮件、HTML或XML等不支持二进制传输的环境中传输。它将每3个字节的数据拆分为4个6位的“单词”，然后将每个6位的数字映射到一个特定的字符，...

Base64.zip_Base64_labview_base64 labview_labview_labview 加密_加密: Base64是一种在互联网上广泛使用的编码方式，用于将二进制数据转化为可打印的ASCII字符串，以便在电子邮件、HTML或JSON等不支持二进制传输的环境中进行传输。在LabVIEW（Laboratory Virtual Instrument Engineering ...

BASE64Decoder jar包: 2. 图像数据的编码：在HTML中直接嵌入Base64编码的图像数据，减少HTTP请求。 3. 安全传输：尽管Base64本身并不提供加密，但可作为加密前的预处理步骤，增加数据的隐蔽性。 4. 数据存储：在数据库中存储二进制数据时...

Java Base64编码和解码: 在实际应用中，Base64编码常用于电子邮件的附件、HTML中的图像数据（通过data URL scheme）、XML或JSON中的二进制数据等场景。了解并熟练掌握Base64编码和解码是Java开发者必备的技能之一，尤其是在处理网络通信和...

Base64编码jar包: Base64编码是一种在网络上传输二进制数据时常用的编码方式，主要目的是将不可打印的字符转换为可打印的ASCII字符，确保数据在通过电子邮件、HTML或XML等文本格式传输时不受损坏。在Java中，Base64编码常用于处理图片...

Global site tag (gtag.js) - Google Analytics