Javascript 如何在本地存储中保存包含图像blob的FormData

我想将包含图像blob的FormData保存在本地存储器中。我问了几个问题

https://stackoverflow.com/questions/56156486/how-to-store-form-data-in-local-storage

关于同样的问题，但似乎没有一个能满足我的要求。用于形成FormData并在其中存储图像blob的代码是-

const dataUrl = canvas.toDataURL('image/jpeg', 1);
const response = await fetch(dataUrl);
const blob = await response.blob();
const formData = new FormData();
formData.append('file', blob, name + '.jpg');

我想现在将FormData保存在localStorage中，以后再从那里使用它。我怎样才能达到同样的效果