• php无刷新上传图片和文件


    核心思想:通过Html的iframe标签属性操作顶级窗口,再用php动态无刷新上传图片文件。

    示例如下:

    demo

      |------uploads #存放上传的文件

      |------index.php

      |------upload.php

      |------jquery.js

    index.php

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>index</title>
    	<script src="jquery.js"></script>
    </head>
    <body>
    	<h1>
    	<?php
    
    		echo "当前时间戳:".time();
    
    	?>
    	</h1>
    	
    	<form action="upload.php"  target='myform' method="post" enctype="multipart/form-data">
    		<p>文件上传:</p>
    		<p>
    		<input type="file" name="img">
    		</p>
    		
    	</form>
    	<div>
    	<img src="" alt="" id="imgid">
    	</div>
    	<iframe name ="myform" frameborder="1" src="" style="display:none"></iframe>
    </body>
    <script>
    $(':file').change(function(){
    	$('form').submit();
    });
    </script>
    </html>
    

    upload.php

    <?php 
    	error_reporting(0);
    	$src=$_FILES['img']['tmp_name'];
    	$file=$_FILES['img']['name'];
    	$ext=array_pop(explode('.', $file));
    	$rand=time().mt_rand().'.'.$ext;
    	//echo $rand;
    	$rst="uploads/{$rand}";
    
    	if ($_FILES['img']['error']===0) {
    		if(move_uploaded_file($src, $rst)){
    			echo "<script>top.document.getElementById('imgid').src='{$rst}'</script>";
    		}
    	}
    
     ?>
    
  • 相关阅读:
    documentFragment文档碎片
    OpenResty之resty.limit.count 模块介绍
    vue前端分页多条件搜索
    element ui Tree树形控件获取未全选父节点和子节点id
    如何使 pdf 文件在浏览器里面直接下载而不是打开
    关于本博客
    圆锥曲线基础知识点
    NOI2021游记
    20210716模拟赛
    计数+动态规划
  • 原文地址:https://www.cnblogs.com/weblm/p/5672081.html
Copyright © 2020-2023  润新知