Jquery中的Base64编码

Question

我尝试将我的图像编码为base64数据字符串，但我输出结果有问题。 我的base64字符串很短，有一个有效的数据。 如果我在测试div中打印它，我有正常和长字符串。 哪里的问题我不知道。 我想用我的代码来预览徽标。

function readURL(input, object) {
if (input.files && input.files[0])
{
  var reader = new FileReader();

  reader.onload = function (e)
    {
      $(object).attr('style', 'background-image :url("' + e.target.result + '")');
        console.log(e.target.result);
  }
  reader.readAsDataURL(input.files[0]);
}};

这是我的功能......

$("#company_avatar").change(function(){
readURL(this, '#company_avatar_preview');});

而且这个功能在用。

Answer 1

你得到base64字符串，最好把它添加到img src。 你不能提供后台base64代码。

function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.readAsDataURL(input.files[0]);
            reader.onload = function(e) {
                $('#' + '<%=ImageDisplay.ClientID%>').attr('src', e.target.result).width(256).height(96);

                $('#status').html("Done loading. processed 1 files.");

            };
        }
    }

ImageDisplay

<input id="fileBox" name="fileBox" type="file" onchange="readURL(this);" accept="image/png, image/jpeg, image/gif" runat="server"/>
    <img id="ImageDisplay" src="#" alt="#Default" runat="server"/>
    <div id="status"></div>