通过附加面板中的ajax上传图像文件

Question

我正在拼命创建一个Firefox附加组件，该文章使用字段名称＆＃34; Filedata＆＃34;到特定的PHP脚本，只有在$ _FILE [＆＃34; Filedata＆＃34;]变量中看到JPG时才会起作用。

我将带有文件浏览器的Web表单放入panel.html，然后我将图像转换为画布，然后将其转换为blob并发送到main.js.我很乐意直接从panel.js发送文件，但在我尝试的时候什么也没发生（也没有错误信息）。

在main.js中，我有这段代码，但是我收到一条错误消息，表明FormData在main.js中不存在。怎么办？

function ajupload(mydata) {
var fd = new FormData();
fd.append("Filedata", mydata);
const {XMLHttpRequest} = require("sdk/net/xhr");
var myrequest = new XMLHttpRequest();
 myrequest.open('POST', 'MYSITE/image.php?action=upload');myrequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    myrequest.upload.addEventListener("progress", function(e) {

    var percentage = Math.round((e.loaded * 100) / e.total);
}, false);
myrequest.onreadystatechange=function()
  {
  if (myrequest.readyState==4 && myrequest.status==200)
    {
    console.log("Response" + myrequest.responseText);
    }

    }
myrequest.send(fd);
}