php实现文件预览功能


Posted in PHP onMay 23, 2017

上一篇博客是上传功能,本篇是上传后图片预览和更改:

php实现文件预览功能

php实现文件预览功能

php实现文件预览功能

代码如下:

1.yulan.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#yl{ width:200px; height:300px; background-image:url(images/timg1.jpg); background-size:200px 300px;}
#file{ width:200px; height:300px; float:left; opacity:0;}
</style>
</head>

<body>

<form id="sc" action="ylchuli.php" method="post" enctype="multipart/form-data" target="shangchuan">
  
  
  <input type="hidden" name="tp" value="" id="tp" />
  
  <div id="yl">
    <input type="file" name="file" id="file" onchange="document.getElementById('sc').submit()" />
  </div>
  
  
  
</form>

<iframe style="display:none" name="shangchuan" id="shangchuan">
</iframe>


</body>

<script type="text/javascript">

//回调函数,调用该方法传一个文件路径,改变背景图
function showimg(url)
{
  var div = document.getElementById("yl");
  div.style.backgroundImage = "url("+url+")";
  
  document.getElementById("tp").value = url;
}

</script>

</html>

2.ylchuli.php

<?php

if($_FILES["file"]["error"])
{
  echo $_FILES["file"]["error"];
}
else
{
  if(($_FILES["file"]["type"]=="image/jpeg" || $_FILES["file"]["type"]=="image/png")&& $_FILES["file"]["size"]<1024000)
  {
    $fname = "./images/".date("YmdHis").$_FILES["file"]["name"];  
    
    $filename = iconv("UTF-8","gb2312",$fname);
    
    if(file_exists($filename))
    {
      echo "<script>alert('该文件已存在!');</script>";
    }
    else
    {
      move_uploaded_file($_FILES["file"]["tmp_name"],$filename);
      
      
      $delurl = iconv("UTF-8","gb2312",$_POST["tp"]);
      unlink($delurl); //删除文件
      
      echo "<script>parent.showimg('{$fname}');</script>";
    }
    
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
php性能优化分析工具XDebug 大型网站调试工具
May 22 PHP
ThinkPHP3.1查询语言详解
Jun 19 PHP
php5.3不能连接mssql数据库的解决方法
Dec 27 PHP
php基于curl扩展制作跨平台的restfule 接口
May 11 PHP
PHP获得数组交集与差集的方法
Jun 10 PHP
开启PHP的伪静态模式
Dec 31 PHP
PHP 二维数组和三维数组的过滤
Mar 16 PHP
php生成txt文件实例代码介绍
Apr 28 PHP
PHP面向对象程序设计之对象生成方法详解
Dec 02 PHP
PHP获取访问设备信息的方法示例
Feb 20 PHP
Laravel 5.4前后台分离,通过不同的二级域名访问方法
Oct 13 PHP
PHP7 新增常量
Mar 09 PHP
PHP写的简单数字验证码实例
May 23 #PHP
php实现评论回复删除功能
May 23 #PHP
Yii框架批量插入数据扩展类的简单实现方法
May 23 #PHP
php利用fsockopen GET/POST提交表单及上传文件
May 22 #PHP
PHP简单实现遍历目录下特定文件的方法小结
May 22 #PHP
PHP编程计算文件或数组中单词出现频率的方法
May 22 #PHP
Yii2框架中日志的使用方法分析
May 22 #PHP
You might like
PHP.MVC的模板标签系统(四)
2006/09/05 PHP
第十四节 命名空间 [14]
2006/10/09 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
javascript编程起步(第二课)
2007/01/10 Javascript
一个JS小玩意 几个属性相加不能超过一个特定值.
2009/09/29 Javascript
IE Firefox 使用自定义标签的区别
2009/10/15 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
2013/05/27 Javascript
Node.js抓取中文网页乱码问题和解决方法
2015/02/10 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
2015/04/03 Javascript
DOM 高级编程
2015/05/06 Javascript
Jquery 垂直多级手风琴菜单附源码下载
2015/11/17 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
2017/02/22 Javascript
JS交互点击WKWebView中的图片实现预览效果
2018/01/05 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
windows下wxPython开发环境安装与配置方法
2014/06/28 Python
python实现的简单窗口倒计时界面实例
2015/05/05 Python
Python中字典创建、遍历、添加等实用操作技巧合集
2015/06/02 Python
python基础之包的导入和__init__.py的介绍
2018/01/08 Python
Python实现点阵字体读取与转换的方法
2019/01/29 Python
Python如何使用函数做字典的值
2019/11/30 Python
jupyter实现重新加载模块
2020/04/16 Python
python 画条形图(柱状图)实例
2020/04/24 Python
python实现人像动漫化的示例代码
2020/05/17 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
Moss Bros官网:英国排名第一的西装店
2020/02/26 全球购物
公司管理建议书范文
2014/03/12 职场文书
创文明城市标语
2014/06/16 职场文书
2014年护士个人工作总结
2014/11/11 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书
农业项目合作意向书
2015/05/08 职场文书
小学英语听课心得体会
2016/01/14 职场文书
python实现腾讯滑块验证码识别
2021/04/27 Python
Redis如何实现分布式锁
2021/08/23 Redis
Win11 Beta 22621.601 和 22622.601今日发布 KB5017384修复内容汇总
2022/09/23 数码科技