elementPlus渲染需要权限校验的图片

IT_ms

已于 2024-06-17 11:55:47 修改

阅读量349

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

于 2024-06-17 11:53:54 首次发布

本文链接：https://blog.csdn.net/IT_moshang/article/details/139739926

技术栈：elementPlus+vue3

html部分：

   <el-image :style="{width:width,height:height}" ref="previewimg" :src="previewSrc"></el-image>

js部分

   /**
             * 预览图片
             * @param {String} url [图片的地址]
             */
            const showPreview = (url) => {
                $api.get(url,{},r=>{
                    let img = new Image();
                    img.src = r;
                    img.onload = () => {
                        formData.width = img.width;
                        formData.show = true;
                        formData.previewSrc = r;
                    };
                },e=>{
                    console.log("e",e)
                },null,'previewImg')
            }

获取图片文件需要特殊处理一下api请求的格式