jq获取图片并换换为base64

Posted zdzdbk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq获取图片并换换为base64相关的知识,希望对你有一定的参考价值。

html代码:

<input type="file" id="file1"/>

jq代码:

$(‘#file1‘).change(function(e){
  var imgBox = e.target;
  uploadImg($(‘.file1‘), imgBox)
});
function uploadImg(element, tag ) {
  var file = tag.files[0];
  var imgSrc;
  if (!/image/w+/.test(file.type)) {
  alert("请上传图片!");
  return false;
  }
  var reader = new FileReader();
  reader.readAsDataURL(file);
  reader.onload = function() {
  //console.log(this.result);
  imgSrc = this.result;
  $(element).attr("src", imgSrc);
  };
}



















以上是关于jq获取图片并换换为base64的主要内容,如果未能解决你的问题,请参考以下文章

java 获取网络图片并转为base64编码

前台js获取base64编码显示图片,明明获取到值,但是报错提示src不能为undefined,在线等!跪求大佬!!!

上传图片转换格式为base64并预览

关于前端使用JavaScript获取base64图片大小的方法

js 将图片转换为base64编码

jsp页面上怎么用javascript获取base64编码的图片的大小