Question

我已经创建了一个用于上传多个图片的HTML页面。我的jQuery代码从输入捕获中获取图像，然后使用FileReader

在页面上将图像显示为预览

var container = document.getElementById(containerid),
          img = document.createElement("img"),
          reader;
          img.setAttribute("class", "prImage");
      container.appendChild(img);
      reader = new FileReader();
      reader.onload = (function (theImg) {
        return function (evt) {
          theImg.src = evt.target.result;
        };
      }(img));
      reader.readAsDataURL(file);

所以在我的html中我有img与base64 href

<img class="otImage" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQA...

问题是，我如何通过POST用ajax发送img？也许有JSON类型？

我可以简单地使用

获取src图像

var image = $('#otImage').attr('src');

然后像这样发送？

$('#upload').click(function(){
var imgData = JSON.stringify(image);
  $.ajax({
  url: 'http://url.com/rest/api',
  dataType: 'json',
  data: imgData,
  type: 'POST',
  success: function(data) {
    console.log(data);
    }
  });
});

或者我可以将base64转换为blob？

编辑：这不是一个重复的问题，我想发送一个JSON。而且我问我是否可以直接发送我得到的内容。不要仅仅因为有类似的标题来标记问题！

使用HTML中的ajax发布多个scr base64 img

0 个答案: