快捷導(dǎo)航

php實(shí)現(xiàn)文件預(yù)覽功能

更新時(shí)間：2017年05月23日 09:19:03 作者：ChrissZhao

這篇文章主要為大家詳細(xì)介紹了php實(shí)現(xiàn)文件預(yù)覽功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

上一篇博客是上傳功能，本篇是上傳后圖片預(yù)覽和更改：

代碼如下：

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>無標(biāo)題文檔</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">

//回調(diào)函數(shù),調(diào)用該方法傳一個(gè)文件路徑，改變背景圖
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>";
    }
    
  }
}

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Laravel Validator自定義錯(cuò)誤返回提示消息并在前端展示
這篇文章主要給大家介紹了關(guān)于Laravel Validator自定義錯(cuò)誤返回提示消息并在前端展示的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Laravel具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
Yii框架函數(shù)簡單用法分析
這篇文章主要介紹了Yii框架函數(shù)簡單用法,結(jié)合實(shí)例形式分析了Yii框架函數(shù)基本用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-09-09
Yii控制器中操作視圖js的方法
這篇文章主要介紹了Yii控制器中操作視圖js的方法,結(jié)合實(shí)例形式總結(jié)分析了Yii框架動(dòng)態(tài)操作視圖中頁面元素的相關(guān)技巧,需要的朋友可以參考下
2016-07-07
生成隨機(jī)字符串和驗(yàn)證碼的類的PHP實(shí)例
這篇文章主要介紹了生成隨機(jī)字符串和驗(yàn)證碼的類的PHP實(shí)例，有需要的朋友可以參考一下
2013-12-12
laravel通過a標(biāo)簽從視圖向控制器實(shí)現(xiàn)傳值
今天小編就為大家分享一篇laravel通過a標(biāo)簽從視圖向控制器實(shí)現(xiàn)傳值，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
PHPExcel 修改已存在Excel的方法
下面小編就為大家分享一篇PHPExcel 修改已存在Excel的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-05-05
php實(shí)現(xiàn)paypal 授權(quán)登錄
本文給大家分享的是php實(shí)現(xiàn)的paypal授權(quán)登錄的代碼，十分的簡單實(shí)用，有需要的小伙伴可以參考下。
2015-05-05
php 中htmlentities導(dǎo)致中文無法查詢問題
php htmlentities用于接受一個(gè)字符串并將該字符串轉(zhuǎn)換為對(duì)應(yīng)的HTML實(shí)體，這篇文章主要介紹了php htmlentities導(dǎo)致中文無法查詢問題，,需要的朋友可以參考下
2018-09-09
Chrome Web App開發(fā)小結(jié)
這篇文章主要分享下自己在開發(fā)Web App遇到的問題和過程，以及一些很已經(jīng)（如何）填平的坑。
2014-09-09
php使用自帶dom擴(kuò)展進(jìn)行元素匹配的原理解析
這篇文章主要介紹了php使用自帶dom擴(kuò)展進(jìn)行元素匹配的原理解析,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-05-05