如何在客户端使用nodeca/pica和React调整图像大小？

 return new Promise((resolve, reject) => {

   const img = new Image();

   img.src = URL.createObjectURL(file);

   img.onload = () => {

     const canvas = document.createElement('canvas');

     const ctx = canvas.getContext('2d');

     canvas.width = width;

     canvas.height = height;

     pica().resize(img, canvas)

       .then(result => {

         canvas.toBlob(blob => {

           resolve(blob);

         }, 'image/jpeg');

       })

       .catch(error => {

         reject(error);

       });

   };

   img.onerror = error => {

     reject(error);

   };

 });

 const file = event.target.files[0];

 const resizedImage = await resizeImage(file, 300, 200);

 // 处理调整后的图像，例如上传到服务器或显示在页面上