vue学习——element-ui的upload功能图片究竟上传到哪了?

<el-upload
  action=""
  accept="image/jpeg,image/png"
  :on-change="onUploadChange"
  :auto-upload="false"
  :show-file-list="false">
    <el-button slot="trigger" size="small" type="primary">选取</el-button>
    <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不能超过1m</div>
</el-upload>

这段上传功能的代码,其中action参数是告诉我们数据或者图片要发送到哪里,通常是后台的接口。
有时数据或者图片是选取和上传是分开的,选取后的图片是传到了前端页面,传到后台是需要一些其他的操作,将前端的文件转为base64的信息传到后台。

在这里插入图片描述
这里面的问题就是,用上传的浏览器打开可以看见图片,但是用另外的浏览器查看就不能显示图片了,原因就是图片并没有传到服务器,只是传到了浏览器缓存的地方,清楚浏览器的缓存后就不能显示图片了!

猜你喜欢

转载自blog.csdn.net/qq_37002901/article/details/86493067