编程技术文章分享与教程

网站首页 > 技术文章 正文

canvas.toBlob转成图片上传后,返回的url后缀为.blob问题

hmc789 2024-11-20 16:28:16 技术文章 2 ℃

需求:通过canvas将网页转成图处并上传到服务器。

方法:

  1. 将网页内容画到创建的canvas对象中;
  2. 通过canvas.toBlob方法将内容转为blob;
  3. 通过axios或其它方法,进行上传,在上传时遇到了上传后的文件后缀为.blob问题,解决方法是使用formData添加数据时,传一个文件名,这样在存数据时会使用同样的后缀。
 const formData = new FormData();
formData.append("file", blob, "1.jpg");
axios.post(
              "/upload/document/template",
              formData,
              {
                headers: {
                  "Content-Type": "multipart/form-data"
                }
              }
            )
            .then(res => {
  								// 返回的url xxx.jpg
            });

Tags:

标签列表
最新留言