由于前面说的,
文件列表不能使用,
只能自己写个显示文件行的东西,
现在出问题了:
在编辑的时候,
出现了文件名字,但是部署到服务器上之后,
却出现不了文件名。

为什么?
部署的服务器有问题吗?
不,是缓冲的问题。

在上传文件的时候,

有一个file.name会让你快乐,

但是如果你用file.name显示文件名,

这就会出现不真实的快乐,

暂存的文件名会让文件名显示出一会,

但是当刷新的时候就会,

使得file.name变成空,

element ui upload 获取 文件本地路径_文件名


应该用后端传过来的数据xxx.jpg,

不只是缓存里的数据,

刷新后也可以存在,不像el-upload的file.name只是一个暂时存在的数据

<el-link type="primary">{{educerurl}}</el-link>

在before-upload方法里写上

<div v-if="test_show">
	//file.name部分
	//删除按钮部分
</div>
//调用上传方法时
this.$api.TestPage.uploadFile(fd).then((res)=>{
					this.educerurl = res.url;//这个后端传过来的值就不是暂时缓存的数据		
					this.show_test = true
				});

同时还有逻辑,
在后端传过来的数据为空的时候,
就把

<div v-if="test_show">
	//file.name部分
	//删除按钮部分
</div>

问题:

会出现编辑时值出现一个删除按钮,文件名是没有的

element ui upload 获取 文件本地路径_数据_02


1、我判断一下是文件的名字没有还是名字有时没有显示文件名

【通过前端的netWork查看】

一打开页面时有一个showPage方法,

点进去可以看到

element ui upload 获取 文件本地路径_服务器_03


content里面有数据,

点开发现数据里这个url是空的时候,

显示空文件名和一个显示出的删除按钮

element ui upload 获取 文件本地路径_vue_04


element ui upload 获取 文件本地路径_服务器_05


【后来我恍然大悟,原来显示的时候,“”空的时候也给它显示出来了,

这可太秀了】

于是,我做出了限制

element ui upload 获取 文件本地路径_文件名_06


就可以组织url为空时文件的空白名显示,

后面再netWork的时候发现,另一个url不存在时,是null不是“”,

咳,后端格式不对,能怎么办,宠着呗

2、一开始我以为是自己的删除按钮和文件名部分不受一个div的v-if控制,
后来用两个div控制,

<div v-if="test_show">
	//file.name部分
	//删除按钮部分
</div>
<div v-if="test_show">
	//file.name部分
	//删除按钮部分
</div>

还是不行

3、结论:是为空时出现的,空文件名、有删除按钮