我正在尝试将从表单中获取的图像转换为blob或base64格式,为此,我正在使用Javascript的FileReader。我的表格是:
<form id="form" enctype="multipart/form-data" method="POST" class="wizard-big">
<div class="form-group">
<label>Adjuntar Logo *</label>
<input id="archLogo" name="archLogo" type="file">
</div>
<form>
好的,我的javascript脚本是这样的:
<script>
$('#archLogo').change(function() {
if ($('#archLogo')[0] && $('#archLogo')[0].files[0]) {
var FR= new FileReader();
FR.onload = function(e) {
console.log(e.target.result);
};
FR.readAsDataURL( $('#archLogo')[0].files[0] );
}
},false);
</script>
问题是console.log没有打印任何东西,所以转换不起作用,我做错了什么?
编辑:
if ($('#archLogo')[0] && $('#archLogo')[0].files[0])
{
var FR= new FileReader();
FR.onload = function(e) {
logoBlob=e.target.result;
alert(logoBlob);
};
FR.readAsDataURL( $('#archLogo')[0].files[0] );
}
这有效