javascript - 通过 Ajax 将本地存储的图像发送到服务器

Question

为了对这个问题做出直接的回答，我四处寻找。

我在以下目录中的 phone gap 应用程序中本地加载了一张图片:

/image/test.png

我想使用表单数据将此图像作为多部分表单的一部分发送到服务器。

var formdata = new FormData();

然后我附加我的 JSON

formdata.append("json", JSON.stringify(request));

然后我想附加图像并尝试使用以下内容

var img = new Image();
img.src = './image/test.png';

formdata.append("file", img.src );

$.ajax(
{
  url : "http://myserver:8080/myservlet",
  type : "POST",
  data : formdata,
  processData : false,
  contentType : false,
  dataType : "json",
  success : function(response)
  {
    console.log("success response:"+JSON.stringify(response));
  },
  error : function(jqXHR,textStatus,errorThrown)
  {
    var msg = "Error Sending File. Status: "+textStatus+" Error:"+errorThrown;
    navigator.notification.alert(msg, null, "Error", "OK");
  }
});

如果类(class)对我不起作用 - 我做错了什么。

Answer 1

您可以使用这个 plugin获取本地镜像的 base64 编码，然后使用 ajax 将其发送到服务器:

window.plugins.Base64.encodeFile(filePath, function(base64){
        console.log('file base64 encoding: ' + base64);
        //write down ajax code to send base64 string
    });