网站首页 > 技术文章 正文
需求:通过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
});
猜你喜欢
- 2024-11-20 抖音 Android 性能优化系列:启动优化实践
- 2024-11-20 Restic设计原理
- 2024-11-20 前端必读榜——如何在JavaScript中用SpreadJS导入/导出Excel文件
- 2024-11-20 Axios API详细介绍及使用
- 2024-11-20 镜像仓库registry命令行启动,垃圾回收和服务监听我全都要
- 2024-11-20 ElasticSearch知识day04
- 2024-11-20 详解Oracle 11g如何快速定位到lobsegment、lobindex对应的表
- 2024-11-20 前端必读:如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件
- 2024-11-20 前端文件下载的几种方式
- 2024-11-20 JavaScript奇淫技巧:20行代码,实现屏幕录像
- 标签列表
-
- content-disposition (47)
- nth-child (56)
- math.pow (44)
- 原型和原型链 (63)
- canvas mdn (36)
- css @media (49)
- promise mdn (39)
- readasdataurl (52)
- if-modified-since (49)
- css ::after (50)
- border-image-slice (40)
- flex mdn (37)
- .join (41)
- function.apply (60)
- input type number (64)
- weakmap (62)
- js arguments (45)
- js delete方法 (61)
- blob type (44)
- math.max.apply (51)
- js (44)
- firefox 3 (47)
- cssbox-sizing (52)
- js删除 (49)
- js for continue (56)
- 最新留言
-