el-upload上传文件后跳转页面后再返回已上传文件的回显

在使用<el-upload>上传完文件后，当跳转到其他页面再返回时，已上传的文件由于页面重新刷新是不存在的，如果要让页面重新显示已上传的文件有哪些方法？我想的方法是将文件file转换成Base64保存在sessionStorage中，当再次返回页面时，从mounted()方法中取出保存的Base64，然后将Base64转换成文件，将文唯团件关联到<el-upload>就行了。

整个页面关闭后，就不保存文槐吵件了，所以存放在sessionStorage中了，如果要长久保存，则可以将文件存放在localStorage中铅山侍。

具体步骤：

this.uploadFile是要保存的文件，这里只保存了一个文件

将文件转换为Base64

this.dataURLtoFile方法为将Base64转换为file

<?php

// $_FILES["file"]["type"] 其中["file"] html中标签的name 

if ((($_FILES["file"]["type"] == "image/gif") //检查上传的文件类型为gif

|| ($_FILES["file"]["type"] == "image/jpeg")//检查上传的文件类型为jpg

|| ($_FILES["file"]["type"] == "image/pjpeg"))//检查上传的文件类型为jpeg

&& ($_FILES["file"]["size"] < 20000))//检查上传的文件大小

  {

  if ($_FILES["file"]["error"] > 0)//判断是否为错误

    {

   卜丛戚 echo "Return Code: " . $_FILES["file"]["error"] . "<br />"//如果错误则输出错误信息

    }

  else

    {

    echo "Upload: " . $_FILES["file"]["name"] . "<br />" //输出文件名称

    echo "Type: " . $_FILES["file"]["type"] . 郑旦"<br />"//输出文件类型

    echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />"//输出型陵文件大小

    echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br />"//输出临时文件名称

    if (file_exists("upload/" . $_FILES["file"]["name"]))//判断上传文件是否存在upload文件夹里

      {

      echo $_FILES["file"]["name"] . " already exists. "//如果存在则提示信息

      }

    else

      {

      move_uploaded_file($_FILES["file"]["tmp_name"],

      "upload/" . $_FILES["file"]["name"])//如果不存在则拷贝临时文件到upload文件夹

      echo "Stored in: " . "upload/" . $_FILES["file"]["name"]//输出上传文件路径+文件名称

      }

    }

  }

else

  {

  echo "Invalid file"//错误信息

  }

?>

引用资料 http://www.w3school.com.cn/php/php_file_upload.asp

---