发表于: 2019-12-18 21:07:06

1 1506


今天完成的事

图片上传以及预览功能



今天的收获

图片上传

新接口中没有图片上传的 POST

先用新增 路径试水,利用跨域的路径,就没出现问题了




接下来是图片预览功能,

这个是点击上传的图片名称之后会触发一个事件,给这个事件添加对话框并把图片显示出来达到预览图片的效果。


把点击图片属性打印出来,能看到图片上传之后的路径


然后给事件赋值图片路径

            //给事件赋值图片路径
            this.previewpath = file.response.url


接着添加组件,对话框,并且先隐藏,而且把对话框里面的内容换成图片

previewVisible:false,


在上面赋值完毕的时候再显示出来

            this.previewVisible=true;


最后对话框组件里面的图片属性关联指定的路径



看看效果,

居然没显示出来!

问题应该是路径的问题,打印了一下路径

总感觉这路径不太对劲。


换一张网上的图片试试

他居然厚颜无耻的显示出来了


再排查一下,发现是路径错了

我写的是

但是url并不在response中,而是同级


所以应该是这样写

            //给事件赋值图片路径
            this.previewpath = file.url;



这样就显示出来了。

遇到的困难




明天的计划

获取列表




返回列表 返回列表
评论

    分享到