<el-upload action :auto-upload="false" list-type="picture-card" :on-remove="handleRemove" :limit="1" :on-change="hansdleChange" ref="upload" > <i class="el-icon-plus"></i> <div slot="tip" class="el-upload__tip">只能上传SVG文件，且不超过8KB</div> </el-upload> hansdleChange(file, fileList) { let imgSize = Number(file.size / 1024); const isSVG = file.name.split(".")[1] === "svg"; if (!isSVG) { this.$refs.upload.clearFiles(); this.$message.error("上传图片只能是 SVG 格式!"); } else { if(imgSize>8){ this.$refs.upload.clearFiles(); this.$message.error("上传图片不能大于8KB!"); }else{ this.deviceForm.file = file; console.log(file); } // this.deviceForm.file = file; } },怎么把上传的svg变成一个48*48的svg再存储

可以使用 HTML5 的 Canvas 元素将上传的 SVG 图像重新绘制成指定尺寸的 SVG，并将其存储起来。以下是一个示例代码：

hansdleChange(file, fileList) {
  let imgSize = Number(file.size / 1024);
  const isSVG = file.name.split(".")[1] === "svg";
  if (!isSVG) {
    this.$refs.upload.clearFiles();
    this.$message.error("上传图片只能是 SVG 格式!");
  } else {
    if(imgSize > 8){
      this.$refs.upload.clearFiles();
      this.$message.error("上传图片不能大于8KB!");
    } else {
      const reader = new FileReader();
      reader.onload = (e) => {
        const svgData = e.target.result;
        const img = new Image();
        img.onload = () => {
          const canvas = document.createElement("canvas");
          canvas.width = 48;
          canvas.height = 48;
          const ctx = canvas.getContext("2d");
          ctx.drawImage(img, 0, 0, 48, 48);
          const resizedSvgData = canvas.toDataURL("image/svg+xml");
          // 将 resizedSvgData 存储到你想要的位置
          this.deviceForm.file = resizedSvgData;
        };
        img.src = svgData;
      };
      reader.readAsDataURL(file.raw);
    }
  }
}

上面的代码通过创建一个 FileReader 对象来读取上传的 SVG 文件，并将其转换为 data URL。然后，创建一个新的 Image 对象并加载该 data URL。接下来，创建一个 Canvas 元素并将其尺寸设置为目标尺寸（这里是48x48）。使用 Canvas 的 `drawImage` 方法将 SVG 图像绘制到 Canvas 上，并使用 `toDataURL` 方法将 Canvas 转换为 data URL。最后，将该 data URL 存储到你想要的位置（例如，`this.deviceForm.file`）。

注意：由于使用了 FileReader、Canvas 和 Image 对象，上述代码可能需要在浏览器环境中运行，而不是在纯粹的 JavaScript 环境中。