Javascript - обратный звонок

Question

Я новичок в Javascript и работаю над задачей сжать, а затем загрузить уже загруженное изображение.

Я пытаюсь:

1. Получить загруженное изображение,
2. Сжать его
3. Преобразовать его в URL-адрес base64
4. Преобразуйте его в BLOB-объект
5. А затем в файл и загрузите его.

Но этот код просто не работает.

Когда я делаю это, используя инструмент отладки, он выполняет свою работу, но в противном случае это не так.Я думаю, что остальная часть кода после вызова функции loadImage действительно не выполняется.

Пожалуйста, помогите мне разобраться в этом!Спасибо!

function loadImage(formObj2, fldid2, file, callback) {
  var oldImage = document.createElement("img");
  var psImageOutput = new Image();
  var reader = new FileReader();
  reader.onload = function(e) {
    /* code to compress image */
    callback(psImageOutput);
  }
  reader.readAsDataURL(file);
}


var inputFile = fileQueue[i].file;
var formObj1 = formObject;
var fldid1 = fldid;
loadImage(formObj1, fldid1, inputFile, function(psImageOutput) {
  var newImageDataSRC = psImageOutput.src;
  /* Manipulate SRC string and create a blob and an image file from it */
  formObj1.append(fldid1, newimgfile);
});

Answer 1

Будьте осторожны, в строке:

  formObj1.append(fldid1, newimgfile);

Кажется, вы добавляете dom-узел с именем newimgfile, но в вашем коде эта переменная не существует.