使用 js 或使用 jquery 对图像进行编码答案

【问题标题】：encode an image with js or using jquery使用 js 或使用 jquery 对图像进行编码
【发布时间】：2015-11-23 19:41:25
【问题描述】：

我是计算机科学的新手。我在某处看到开发人员在图像标签data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2..../AI7/AP/Z 中使用了这个东西。

所以我的问题是当用户上传图像时我该怎么做，并且可以使用 js 或 jquery 框架更改这种类型的代码data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2..../AI7/AP/Z。加载后在浏览器上打印。我必须使用任何功能吗？我必须使用任何特定的标签，比如 canvas 或 svg 吗？

【问题讨论】：

标签： javascript jquery html image encode

【解决方案1】：

您尝试获取的字符串是图像的 base64 表示。任何文件或文件都可以转base64。

在此处阅读有关 base64 的更多信息：https://en.wikipedia.org/wiki/Base64

至于将图像转换为base64，这里已经回答了：How to convert image into base64 string using javascript

而且，这不是通常的要求。通常，一些服务器端语言（如 PHP）用于执行此操作。

【讨论】：

【解决方案2】：

我知道这怎么可能这是一个小演示......

$(document).ready(function() {
  function readImage() {
    if (this.files && this.files[0]) {
      var base24 = new FileReader();
      base24.onload = function(e) {
        $('#encoded').text(e.target.result);
      };
      base24.readAsDataURL(this.files[0]);
    }
  }

  $("#myimage").change(readImage);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type='file' id="myimage" />
<div id="encoded"></div>

【讨论】：