使用blueimp上传来自cropperjs的文件

Question

我试着用fileupload上传一张来自cropperjs的编辑过的图片。fileupload类在站点的其他方面工作，所以我知道它是工作的。当我尝试运行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});

如果我这样做:让r= $('#selector').fileupload()；alert(JSON.stringify(r))；

我从初始化中得到一个返回值，但是它没有触发add方法。add方法中有一个简单的警告(‘dsf’)，但没有弹出。任何关于可能的问题或如何解决问题的想法都将不胜感激！裁剪器在一个对话框中运行，并且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} );