图像转换为blob格式无效(File Reader - Javascript)

时间:2017-01-19 19:40:57

标签: javascript html image blob filereader

我正在尝试将从表单中获取的图像转换为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] );
                        } 

这有效

0 个答案:

没有答案