html5 base64
<!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> 相关推荐
wusiye 2020-10-23
表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
nercon 2020-08-01
swiftwwj 2020-07-21
nercon 2020-07-16
饮马天涯 2020-07-05
Lophole 2020-06-28
gufudhn 2020-06-12
csstpeixun 2020-06-11
huzijia 2020-06-09
WebVincent 2020-06-06
行吟阁 2020-05-30
qsdnet我想学编程 2020-05-26
gufudhn 2020-05-25
qsdnet我想学编程 2020-05-19
suixinsuoyu 2020-05-15
HSdiana 2020-05-15
PioneerFan 2020-05-15