el-upload上传文件后跳转页面后再返回已上传文件的回显
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了el-upload上传文件后跳转页面后再返回已上传文件的回显相关的知识，希望对你有一定的参考价值。
参考技术A 在使用<el-upload>上传完文件后，当跳转到其他页面再返回时，已上传的文件由于页面重新刷新是不存在的，如果要让页面重新显示已上传的文件有哪些方法？我想的方法是将文件file转换成Base64保存在sessionStorage中，当再次返回页面时，从mounted()方法中取出保存的Base64，然后将Base64转换成文件，将文件关联到<el-upload>就行了。整个页面关闭后，就不保存文件了，所以存放在sessionStorage中了，如果要长久保存，则可以将文件存放在localStorage中。
具体步骤：
this.uploadFile是要保存的文件，这里只保存了一个文件
将文件转换为Base64
this.dataURLtoFile方法为将Base64转换为file
以上是关于el-upload上传文件后跳转页面后再返回已上传文件的回显的主要内容，如果未能解决你的问题，请参考以下文章