【无标题】Ant Design of Vue + vue2.0上传图片前加企业印章

YangShuaiPlus

于 2024-04-09 16:04:54 发布

阅读量358

点赞数 3

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/YangShuaiPlus/article/details/137555927

参考Ant Design of Vue官方文档使用transformFile：在这里插入图片描述
具体代码如下：

loadStampImage() {
   
   
      const img = new Image();
      img.onload = () => {
   
   
        this.stampImage = img;
      };
      img.src = '1.jpg'; // 印章图片的路径
    },
transformFile(file) {
   
   //添加水印
      return new Promise(resolve => {
   
   
        const reader = new FileReader();
        reader.readAsDataURL(file);//file转base64
        reader.onload = (e) => {