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你的验证码安全码?
Jan 02 PHP
php函数array_merge用法一例(合并同类数组)
Feb 03 PHP
PHP下使用CURL方式POST数据至API接口的代码
Feb 14 PHP
PHP利用REFERER根居访问来地址进行页面跳转
Sep 28 PHP
PHP类中的魔术方法(Magic Method)简明总结
Jul 08 PHP
基于PHP技术开发客服工单系统
Jan 06 PHP
PHP和MySql中32位和64位的整形范围是多少
Feb 18 PHP
PHP 等比例缩放图片详解及实例代码
Sep 18 PHP
php中让人头疼的浮点数运算分析
Oct 10 PHP
PHP数组操作简单案例分析
Oct 15 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
Feb 04 PHP
PHP实现时间比较和时间差计算的方法示例
Jul 24 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
Drupal7中常用的数据库操作实例
2014/03/02 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
IE事件对象(The Internet Explorer Event Object)
2012/06/27 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
2015/09/12 Javascript
requireJS使用指南
2016/04/27 Javascript
JavaScript之WebSocket技术详解
2016/11/18 Javascript
js获取一组日期中最近连续的天数
2017/05/25 Javascript
使用jQuery实现鼠标点击左右按钮滑动切换
2017/08/04 jQuery
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
JS调用安卓手机摄像头扫描二维码
2018/10/16 Javascript
微信小程序签到功能
2018/10/31 Javascript
ES6数组与对象的解构赋值详解
2019/06/14 Javascript
浅谈vue异步数据影响页面渲染
2019/10/29 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
[39:08]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第一场 12.12
2020/12/16 DOTA
一个小示例告诉你Python语言的优雅之处
2014/07/04 Python
详解Python中with语句的用法
2015/04/15 Python
Python构造自定义方法来美化字典结构输出的示例
2016/06/16 Python
Django中间件实现拦截器的方法
2018/06/01 Python
pandas dataframe添加表格框线输出的方法
2019/02/08 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
Pytorch模型转onnx模型实例
2020/01/15 Python
Django --Xadmin 判断登录者身份实例
2020/07/03 Python
CSS3 中filter(滤镜)属性使用详解
2020/04/07 HTML / CSS
HTML5 Canvas+JS控制电脑或手机上的摄像头实例
2014/05/03 HTML / CSS
门诊手术室工作制度
2014/01/30 职场文书
商业街策划方案
2014/05/31 职场文书
商场父亲节活动方案
2014/08/27 职场文书
开展党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
新教师个人总结
2015/02/06 职场文书
2015年母亲节寄语
2015/03/23 职场文书
如何用JS实现简单的数据监听
2021/05/06 Javascript
Redis RDB技术底层原理详解
2021/09/04 Redis
spring 项目实现限流方法示例
2022/07/15 Java/Android