jquery - 使用 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(); 警报（JSON.stringify（r））；

我从初始化中得到返回，但它不会触发 add 方法。有一个简单的 alert('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} );