使用fetch上传压缩过的图片

要使用fetch上传压缩过的图片,你需要先将图片压缩,然后将其转换为可以上传的格式。以下是一个简单的例子,展示如何使用fetch和canvas元素压缩图片并上传:

 

在这个例子中,我们定义了一个compressAndUploadImage函数,它接受一个文件和上传的URL。
然后,我们使用FileReader来读取文件,当文件加载完成后,我们创建一个新的Image对象,并在图片加载完成后将其绘制到canvas上。
在canvas上,我们使用toBlob方法将其转换为一个新的压缩过的blob,然后使用fetch和FormData上传这个blob到服务器。

 

浏览量: 0

canvasconstfetchimg压缩