使用 blueimp 从 cropperjs 上传文件

Question

我正在尝试使用文件上传从裁剪器上传编辑的图像。 文件上传类适用于网站的其他方面，所以我知道它可以工作。 当我尝试运行 add 方法时，没有任何反应，控制台中也没有错误。

var canvas =self.cropper.getCroppedCanvas();
var image = canvas.toDataURL('image/jpg');
let fileInfo = {
lastModified: new Date().getTime(),
name: 'logo.' + fileExtension,
type: 'image/jpg'
};
$('#selector').fileupload();
$('#selector').fileupload('add', {image, fileInfo});

如果我这样做： let r = $('#selector'(.fileupload((; alert(JSON.stringify(r((;

我从初始化中得到回报，但它没有触发 add 方法。 有一个简单的警报("dsf"(;在 Add 方法中，它不会弹出。 任何关于可能的问题或如何排除故障的想法将不胜感激！ 裁剪器在对话框中运行，并且 blueimp 小部件包含在父页面上。

Answer 1

万一它帮助了别人。

$('#selector').fileupload('add', {image, fileInfo}); 

应该是

let f = new File([blob], "image.png", {type: "image/png", lastModified: new Date().getTime()});
$("#selector").fileupload('add',  {files: f} );