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 VS ASP
Oct 09 PHP
PHP 多维数组排序实现代码
Aug 05 PHP
处理php自动反斜杠的函数代码
Jan 05 PHP
发款php蜘蛛统计插件只要有mysql就可用
Oct 12 PHP
PHPMYADMIN导入数据最大为2M的解决方法
Apr 23 PHP
简单的php文件上传(实例)
Oct 27 PHP
php过滤敏感词的示例
Mar 31 PHP
使用PHP实现微信摇一摇周边红包
Jan 04 PHP
浅谈PHP eval()函数定义和用法
Jun 21 PHP
适合PHP初学者阅读的4本经典书籍
Sep 23 PHP
php实现多维数组排序的方法示例
Mar 23 PHP
PHP学习记录之常用的魔术常量详解
Dec 12 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中处理模拟rewrite 效果
2006/12/09 PHP
用PHP与XML联手进行网站编程代码实例
2008/07/10 PHP
php set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
用穿越火线快速入门php面向对象
2012/02/22 PHP
PHP中使用数组指针函数操作数组示例
2014/11/19 PHP
js实现ASP分页函数 HTML分页函数
2006/09/22 Javascript
javascript的trim,ltrim,rtrim自定义函数
2008/09/21 Javascript
JS 页面自动加载函数(兼容多浏览器)
2009/05/18 Javascript
JavaScript去掉数组中的重复元素
2011/01/13 Javascript
JavaScript面向对象程序设计三 原型模式(上)
2011/12/21 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
js 获取、清空input type=&quot;file&quot;的值示例代码
2014/02/19 Javascript
用jQuery向div中添加Html文本内容的简单实现
2016/07/13 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
微信小程序Server端环境配置详解(SSL, Nginx HTTPS,TLS 1.2 升级)
2017/01/12 Javascript
JS中传递参数的几种不同方法比较
2017/01/20 Javascript
Vue.directive 自定义指令的问题小结
2018/03/04 Javascript
原生JS实现的跳一跳小游戏完整实例
2019/01/27 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
vue页面跳转实现页面缓存操作
2020/07/22 Javascript
Python自定义类的数组排序实现代码
2016/08/28 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
python在线编译器的简单原理及简单实现代码
2018/02/02 Python
Python图像处理之识别图像中的文字(实例讲解)
2018/05/10 Python
详解使用python绘制混淆矩阵(confusion_matrix)
2019/07/14 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
Django全局启用登陆验证login_required的方法
2020/06/02 Python
HTML5 Canvas中绘制椭圆的4种方法
2015/04/24 HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
2020/12/07 HTML / CSS
销售员自我评价怎么写
2013/09/19 职场文书
小学防溺水制度
2014/01/29 职场文书
公司采购主管岗位职责
2014/06/17 职场文书
国际贸易毕业生自荐书
2014/06/22 职场文书
民间借贷协议书范本
2014/10/01 职场文书
警示教育片观后感
2015/06/17 职场文书
JavaScript实现简单计时器
2021/06/22 Javascript