BlueImp jQuery文件上传和JavaScript-Load-Image修复方向在上传之前

时间:2019-04-13 15:44:33

标签: orientation exif jquery-file-upload loadimage

我正在尝试在上传之前固定所选图像的方向。方向是使用loadImage固定的。我在canvas.toDataURL('image / jpeg')中得到旋转的图像。

但是,即使我以许多不同的方式重置了文件,更改后的图像也不会由fileUpload上传。

请提出建议。

$(this).fileupload({
  fileInput: $fileInput({
    url: url,
    type: 'POST',
    autoUpload: true,
    paramName: 'file',
    dataType: 'XML',
    replaceFileInput: false,
    progressInterval: 100,
    bitrateInterval: 100,
    dropZone: $(this),
    add: function(e, data) {
      var file;
      file = data.originalFiles[0];
      progressBarStart(l.uploading + "...");
      return loadImage.parseMetaData(file, function(imageData) {
        var loadingImage, orientation;
        orientation = 0;
        if (imageData.exif) {
          orientation = imageData.exif.get('Orientation');
        }
        loadingImage = loadImage(file, (function(canvas) {
          var base64data;
          base64data = canvas.toDataURL('image/jpeg');

          //Try-1
          data.files[0] = base64data;

          //Try-2
          data.canvas = canvas;

          //Try-3
          data.formData = {
            files: data.files[0]
          };

          //Try-4
          canvas.toBlob(function(blob) {
            blob.name = file.name;
            blob.type = "image/jpeg";
            return data.files[0] = blob;
          });
        }), {
          canvas: true,
          orientation: orientation
        });
        data.submit();
        return $progress.fadeIn('fast');
      });
    }
  })
});

0 个答案:

没有答案