html5 new FileReader()生成图片
来源:互联网 发布:淘宝主营占比重要性 编辑:程序博客网 时间:2024/06/14 03:57
html5 使用readAsDataURL生成的base64编码的图片是2进制流,其优点是减少http的请求,缺点是不能跨域缓存。
注:所以在微信本地上传图片直接使用readAsDataURL,安卓是获取不到图片的,需要将其转换为图片,并存入服务器,
例如:
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e){
var src=e.target.result ;
var data=src.split(",")[1];
data=window.atob(data);
var ia = new Uint8Array(data.length);
for (var i = 0; i < data.length; i++) {
ia[i] = data.charCodeAt(i);
};
// canvas.toDataURL 返回的默认格式就是 image/png
var blob=new Blob([ia], {type:"image/png"});
var fd=new FormData();/***** 如果 FormData 对象中的某个字段值是一个 Blob 对象,则在发送 HTTP 请求时,代表该 Blob 对象所包含文件的文件名的 "Content-Disposition" 请求头的值在不同的浏览器下有所不同,Firefox使用了固定的字符串"blob",而 Chrome 使用了一个随机字符串。*******/
fd.append('headPhototUrl',blob);
$.ajax({
data:fd,
type:"post",
dataType:"json",
processData : false, //使得jquery不处理请求数据
contentType: false, //使得jquery不设置content-type请求头
url:"/huahan/UploadPhoto.do",
success:function(result){
if(result.errorCode==0){
$(".h_picBox .loadPic").eq(index).find("span").html("<img src='"+ result.data +"' />");
}else{
ajaxError(result.errormsg);
}
}
});
};
})(f);
reader.readAsDataURL(f);
- html5 new FileReader()生成图片
- html5的FileReader实现图片上传预览并生成base64
- HTML5 FileReader base64图片预览
- HTML5学习之FileReader new FormData()
- Html5 FileReader实现即时上传图片功能
- HTML5 FileReader
- html5 fileReader
- HTML5-FileReader
- HTML5 FileReader
- HTML5 FileReader
- html5 FileReader
- HTML5 FileReader
- HTML5 FileReader
- html5,fileReader
- Data Url生成工具之HTML5 FileReader实现(图片转编码直接显示,不需经过服务器)
- Data Url生成工具之HTML5 FileReader实现
- 使用 html5 FileReader 获取图片, 并异步上传到服务器
- 通过 html5 FileReader 实现上传图片预览功能
- jquery 加载等待效果
- 不同系统不同语言之间的交互使
- 四种方案解决ScrollView嵌套ListView问题 (转)
- IO流--字符流缓冲区(BufferedReader,BufferedWriter)
- 基于GIS在SuperMap中的分析应用 ——滇金丝猴生境适宜性分析
- html5 new FileReader()生成图片
- 分享段代码-格式化时间(显示秒值为**年**月**天 **时**分**秒 如1年2个月3天 10小时)
- Spring MVC常用的注解
- iOS核心动画笔记2
- C++中四种变量
- JDK自带加密算法sha-1
- cocos2dx3.4开发环境搭建详解(2)
- 【Leetcode】之Longest Valid Parentheses
- 配给应用程序的内存太小,将导致内存不足