首页 > 软件开发 > HTML >

无刷新上传图片(技巧)

来源:互联网 2023-03-16 19:08:27 126

在这里介绍一个小技巧,就是变向的无刷新页面进行上传图片(本质上是刷新了的,但是你看不见而已)lNd办公区 - 实用经验教程分享!

工具/原料

  • thinkphp
  • 测试文件(图片)

方法/步骤

  • 1

    用html写一个上传文件的表单lNd办公区 - 实用经验教程分享!

    无刷新上传图片(技巧)lNd办公区 - 实用经验教程分享!

  • 2

    得到的效果图lNd办公区 - 实用经验教程分享!

    无刷新上传图片(技巧)lNd办公区 - 实用经验教程分享!

  • 3

    点击上传,就会跳转到指定的url中的方法中。然后执行上传文件lNd办公区 - 实用经验教程分享!

    无刷新上传图片(技巧)lNd办公区 - 实用经验教程分享!

  • 3相关内容未经授权抓取自百度经验
  • 4

    跳转了路径为什么没有刷新页面哪?是因为我们把他要跳转的页面也写在了当前页面了,(iframe)把这个页面隐藏了就看不见刷新效果了lNd办公区 - 实用经验教程分享!

    无刷新上传图片(技巧)lNd办公区 - 实用经验教程分享!

  • 5

    表单的参数写的时候一定要把需要跳转到的路径对应到(iframe中)lNd办公区 - 实用经验教程分享!

    无刷新上传图片(技巧)lNd办公区 - 实用经验教程分享!

  • 6

    在设置上传文件路径的时候也要注意lNd办公区 - 实用经验教程分享!

    无刷新上传图片(技巧)lNd办公区 - 实用经验教程分享!

  • 7

    如果你执行正确的话,你就会得到这样的结果lNd办公区 - 实用经验教程分享!

    无刷新上传图片(技巧)lNd办公区 - 实用经验教程分享!

  • 注意事项

    • 表单的参数填写
    • iframe要隐藏

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!lNd办公区 - 实用经验教程分享!


    标签: 上传HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码