- 浏览: 290920 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (405)
- linux (31)
- java (144)
- mysql (52)
- html (19)
- oracle (8)
- sql (12)
- 无题 (5)
- js (16)
- android (4)
- tomcat (4)
- struts (2)
- spring (12)
- elcipse (2)
- shell (7)
- interview (2)
- redis (6)
- apache (2)
- maven (10)
- mq (6)
- kengen (0)
- windows (3)
- css (1)
- nginx (2)
- google (1)
- zk (1)
- ibm (1)
- git (1)
- mvn (1)
- jms (1)
- uml (1)
最新评论
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>
发表评论
-
Consolas和微软雅黑混合字体
2016-10-26 10:51 1590建议大家使用Consolas和微软雅黑混合字体。conso ... -
行长显示省略号
2016-07-25 16:23 361<!DOCTYPE html> <ht ... -
JQuery选择器
2016-05-08 22:41 468http://sharecxc163.blog.163.c ... -
html
2015-12-19 17:09 484<!DOCTYPE html> <ht ... -
好专业的前端
2015-09-18 11:09 473http://www.ruanyifeng.com/blo ... -
jquery hover ajax
2014-09-28 16:56 651<!DOCTYPE html PUBLIC &quo ... -
listBox选择
2014-09-24 19:47 706<!DOCTYPE html> < ... -
DIV+CSS网页布局技巧实例15:用正确的顺序指定链接的样式
2014-09-11 12:23 658当你用CSS来定义链接的多个状态样式时,要注意它们书写的顺 ... -
图像链接
2014-08-25 17:37 580// http://www.w3school.com.cn ... -
CDN
2014-08-21 01:39 390/** http://libs.useso.com/ ... -
DIV最小高度
2014-08-20 18:35 552/** http://www.syscy.com/art ... -
escape html
2014-03-07 21:03 703public static String encodeHT ... -
鼠标经过变成手形
2013-11-10 12:41 1024鼠标经过变成手形 <td style="c ... -
!important
2013-11-09 18:05 502*:focus{outline:none!importan ... -
Base64
2013-11-09 13:41 530<html> <head> & ... -
使用woff字体
2013-10-27 14:19 1664<STYLE TYPE="text/css ... -
下拉列表渐变
2013-10-27 11:32 434.navbar .nav ul { border-r ... -
CSS3
2013-10-23 22:19 862.navbar .nav ul { border-r ...
相关推荐
HTML5 base64图片压缩上传程序.HTML5 base64图片压缩上传程序.
HTML5 base64 图片下载 参考文档 http://blog.csdn.net/fenglailea/article/details/56488096
HTML5 PHP base64图片压缩上传程序,现在像很多WEB上传程序包括微信、QQ等在发送一些图片的时候,会自动压缩(衰减)图片,这样可有效保证速度,节省用户流量,这个例子采用base64图片压缩算法,将图片按比例压缩,...
同时生成了缩略图和正常图片的base64值,缩略图用于页面进行显示,正常图片进行后续打开查看。测试了安卓和ios的微信端,一切正常。 另外由于缓存资源的原因没有考虑上传按钮的添加,上传图片即上传,ajax为异步...
HTML5HTML5 选图 压缩 base64编码 上传 解码
HTML5图片本地上传哦 真实可用
h5调用摄像头拍照,并获取base64码,用hbuilder 封装app后 开启录音,相机,媒体等权限
这是图片预览中base64字符串,只要替换html中给base64对象赋值这个字符串就行了
js html java servlet 前台接收base64数据后台转图片保存上传 全套代码 直接可以用
文件为可执行工具,基于.Net,内含使用说明和样例。 功能为,将保存base64数据的文本文件,转换成对应的二进制文件 可广泛应用于html内嵌图片提取、eml附件提取、http数据流转文件等等。
将图片以Base64的编码,内嵌在html的代码中, 提供的是样例代码 即: 不是在html中指定图片的路径的形式 结合: http://download.csdn.net/detail/okpfsje123/5304296 这样就可以在发送的邮件中,直接看到图片(图片...
以前写过一个很简单的,最近要用到,稍微加强了一下,一般图片转BASE64就用在网页的img标签中,所以特别为些做了些方便的小优化。 增加了可以从BASE64直接转化为图片的功能。 源码基于.NET 2.0,使用VS 2012编写
同时生成了缩略图和正常图片的base64值,缩略图用于页面进行显示,正常图片进行后续打开查看。测试了安卓和ios的微信端,一切正常。之前使用webuploader,ios的微信没法使用,只能重新做。 另外由于缓存资源的原因...
base64.js代码文件,base64.js代码文件,欢迎下载,真实可靠
本文实例讲述了jQuery实现文件编码成base64并通过AJAX上传的方法。分享给大家供大家参考,具体如下: 使用AJAX是无法直接上传文件的,一般都是新建个iframe在它里面完成表单提交的过程以达到异步上传文件的效果。 ...
将base64字符串生成图片展示到页面,方便查看计算的数据是否存在问题。可以较为直接的校验生成的片是否存在问题
赠送jar包:base64-2.3.8.jar; 赠送原API文档:base64-2.3.8-javadoc.jar; 赠送源代码:base64-2.3.8-sources.jar; 赠送Maven依赖信息文件:base64-2.3.8.pom; 包含翻译后的API文档:base64-2.3.8-javadoc-API...
在用canvas将png图片转jpeg时,发现透明区域被填充成黑色。 代码如下: XML/HTML Code复制内容到剪贴板 <p>Canvas: style> <p>Base64转码后的图片: ... var base64Img = document
赠送jar包:base64-2.3.8.jar; 赠送原API文档:base64-2.3.8-javadoc.jar; 赠送源代码:base64-2.3.8-sources.jar; 赠送Maven依赖信息文件:base64-2.3.8.pom; 包含翻译后的API文档:base64-2.3.8-javadoc-API...
在网页中把Base64字符串显示为图片很容易,但是当前台使用Thymeleaf框架时,就得绕个小弯子,直接使用html框架中的方法不行,本文详解了用Thymeleaf显示Base64字符串为图片的方法,望对大家有所帮助。