Question

我使用以下代码上传图片

$selectFile = $('<input type="file">').click();
      $selectFile.change(function (e) {
        var reader = new FileReader();
            reader.onload = function(event){
              var img = new Image();
              img.onload = function(){
                  $div.append('<figure class="images"><img src="'+ event.target.result +'" draggable="true" alt=""></figure>');
              }
              img.src = event.target.result;
            }
            reader.readAsDataURL(e.target.files[0]);

      });

当我查看event.target.result时，它包含data:image/jpeg;base64,/9j/4AAQSkZJRgAB

之类的内容

我不确定这些是图像字节吗？我对HTML 5不是很熟悉。如何获取图像字节，以便将它们存储到某个隐藏字段中。

Answer 1

＆＃34;数据之后的数据：image / jpeg; base64，＆＃34;是图像的Base64编码版本。您可以使用以下命令将其转换为字节数组：

var byteCharacters = atob(b64Data);

但我不确定你为什么要这样做，当Base64适用于渲染图像时：

<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgAB...." >

将图像字节保存到隐藏字段HTML5中

1 个答案: