element-ui Upload 上传svg

一直游到海水变蓝丿

已于 2023-07-26 09:04:28 修改

阅读量731

点赞数

文章标签：前端框架 elementui

于 2023-04-25 11:41:15 首次发布

本文链接：https://blog.csdn.net/weixin_42293937/article/details/130361055

版权

Upload 上传

如果只允许上传svg格式时可以如何处理

重点在于svg图的file.type是什么所以代码方面做了大量简化，Upload 上传组件的具体内容可以结合Upload 上传来学习使用


<el-upload
  :before-upload="beforeAvatarUpload">
</el-upload>
<script>
  export default {
    data() {
      return {
      };
    },
    methods: {
      beforeAvatarUpload(file) {
        const isSVG = file.type === 'image/svg+xml';//重点在这！！！

        if (!isSVG) {
          this.$message.error('上传图片只能是 SVG 格式!');
        }
        return isSVG;
      }
    }
  }
</script>