使用 blueimp 从cropperjs 上传文件答案

【问题标题】：Use blueimp to upload file from cropperjs使用 blueimp 从cropperjs 上传文件
【发布时间】：2020-01-19 15:00:53
【问题描述】：

我正在尝试使用 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 小部件包含在父页面中。

【问题讨论】：

标签： jquery file-upload blueimp cropperjs

【解决方案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} );

【讨论】：