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 相关文章推荐
PHP4.04简明安装
Oct 09 PHP
php的ajax框架xajax入门与试用介绍
Dec 19 PHP
PHP面向接口编程 耦合设计模式 简单范例
Mar 23 PHP
php设计模式  Command(命令模式)
Jun 17 PHP
php图片加水印原理(超简单的实例代码)
Jan 18 PHP
解析linux下安装memcacheq(mcq)全过程笔记
Jun 27 PHP
深入apache配置文件httpd.conf的部分参数说明
Jun 28 PHP
zf框架的校验器InArray使用示例
Mar 13 PHP
CodeIgniter中使用cookie的三种方式详解
Jul 18 PHP
destoon实现不同会员组公司名称显示不同的颜色的方法
Aug 22 PHP
PHP中file_exists使用中遇到的问题小结
Apr 05 PHP
php操作mongodb封装类与用法实例
Sep 01 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字符转义相关函数小结(php下的转义字符串)
2007/04/12 PHP
php+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
PHP学习之字符串比较和查找
2011/04/17 PHP
php设计模式 Decorator(装饰模式)
2011/06/26 PHP
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
ThinkPHP表单数据智能写入create方法实例分析
2015/09/27 PHP
php json转换相关知识(小结)
2018/12/21 PHP
PHP parse_ini_file函数的应用与扩展操作示例
2019/01/07 PHP
jquery加载图片时以淡入方式显示的方法
2015/01/14 Javascript
面向切面编程(AOP)的理解
2015/05/01 Javascript
Angular表单验证实例详解
2016/10/20 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
2020/12/01 Javascript
H5图片压缩与上传实例
2017/04/21 Javascript
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
2017/12/14 Javascript
axios 处理 302 状态码的解决方法
2018/04/10 Javascript
npm 常用命令详解(小结)
2019/01/17 Javascript
详解Webpack抽离第三方类库以及common解决方案
2020/03/30 Javascript
Vue如何跨组件传递Slot的实现
2020/12/14 Vue.js
[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME
2016/03/03 DOTA
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
python基础教程之基本内置数据类型介绍
2014/02/20 Python
Python3+Pycharm+PyQt5环境搭建步骤图文详解
2019/05/29 Python
pytorch 实现模型不同层设置不同的学习率方式
2020/01/06 Python
css3的transition属性详解
2014/12/15 HTML / CSS
详解html5 postMessage解决跨域通信的问题
2018/08/17 HTML / CSS
如何向接受结构参数的函数传入常数值
2016/02/17 面试题
应届大学生的推荐信
2013/11/20 职场文书
2014年大堂经理工作总结
2014/11/21 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
锅炉工岗位职责
2015/02/13 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
交通事故代理词范文
2015/05/23 职场文书
申请吧主发表的感言
2015/08/03 职场文书
计算机实训心得体会
2016/01/14 职场文书
在Docker容器中部署SQL Server
2022/04/11 Servers
MySQL数据库如何使用Shell进行连接
2022/04/12 MySQL