需求:通过canvas将网页转成图处并上传到服务器。
方法:
- 将网页内容画到创建的canvas对象中;
- 通过canvas.toBlob方法将内容转为blob;
- 通过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
});
本文暂时没有评论,来添加一个吧(●'◡'●)