php實現預覽,php網頁預覽方式是什麼

本文目錄一覽：

• 1、php如何實現word在線預覽
• 2、php在線預覽word，txt，xls文件，怎麼做
• 3、php圖片上傳前預覽怎麼實現！！
• 4、PHP如何實現網頁預覽功能
• 5、有一堆圖片url,用php怎樣實現批量預覽?
• 6、php 怎麼實現在線預覽 word 文檔

php如何實現word在線預覽

php 在線預覽 word 文檔，有多種方法，本質上來說，大多是調用客戶端電腦系統安裝的 Word 軟體。

可以用 php 語言的 com 支持功能函數來完成，比如：

$word = new COM(“word.application”) or die(“Unable to instanciate Word”);$word-Documents-Open($url.$wordname);

或者使用 word 文檔的插件來完成，比如：swftools 等。

php在線預覽word，txt，xls文件，怎麼做

思路

這種類似百度文庫的flash預覽文檔的東東，其主要思路如下：

將word/excel/ppt格式的文檔，即office支持的主要文檔格式通過OpenOffice轉成pdf的插件，將文檔先轉成pdf格式。

通過swftools()這個軟體將pdf轉成flash格式。

最後flash的顯示，可以使用flexpaper，亦可以自己寫一個顯示flash格式的東東，然後成功顯示多種格式的文檔，即類似百度文庫的實現。

pdf的預覽是將pdf的每一頁轉為圖片，對應的放大、縮小均是對圖片直接進行操作，此時放大、縮小會有失真的情況出現。

其他例如work/excel/ppt等文檔，均是轉為了html頁面，是的在線預覽時可以選中文字，圖片等。

具體 很麻煩 需要 詳細 請 私信！

php圖片上傳前預覽怎麼實現！！

1.先創建一個file表單域，我們需要用它來瀏覽本地文件。

form name=”form1″ id=”form1″ method=”post” action=”upload.php”

input type=”file” name=”file1″ id=”file1″ /

/form

2.試下效果：　

判斷文件類型：

當用戶選擇了一個圖片文件時，希望他能馬上看到這張圖片的縮略圖，以便他能確認沒有把自己的光屁股照片當作頭像傳到伺服器上^_^。

在預覽之前還得先判斷一下用戶選擇的是不是一個圖像文件，如果他想用一個.rar文件做頭像的話我們也需要禮貌地提醒一下。

form name=”form2″ id=”form2″ method=”post” action=”upload.php”

input type=”file” name=”file2″ id=”file2″

onchange=”preview()” /

/form

Javascript函數實現，注意使用DOM方法getElementById來訪問對象。不要再使用form

和input的name屬性來訪問對象了，只有IE才這麼干。script type=”text/javascript”

function preview2(){

var x = document.getElementById(“file2”);

if(!x || !x.value) return;

if(x.value.indexOf(“.jpg”)0

x.value.indexOf(“.jpeg”)0

x.value.indexOf(“.gif”)0){

alert(“您選擇的似乎不是圖像文件。”);

}else{

alert(“通過”);

}

}

/script

3.試下效果：

這裡有一個問題，如果用戶選擇了名為「fake.jpg.txt」的文件，這段腳本仍舊會認為這是一個合法的圖像文件。一個可行的解決方案是先 把文件名轉換成小寫，再取文件路徑的最後4到5位，判斷一下文件的擴展名是否確為支持的圖像文件擴展名。不過這種方案略顯笨拙，也沒有什麼美感可言， 我們換一種方案：用「正則表達式」來判斷文件擴展名。

script type=”text/javascript”

function preview3(){

var x = document.getElementById(“file3”);

if(!x || !x.value) return;

var patn = /\.jpg$|\.jpeg$|\.gif$/i;

if(patn.test(x.value)){

alert(“通過”);

}else{

alert(“您選擇的似乎不是圖像文件。”);

}

}

/script

4.看看效果（可以自己創建一個「fake.jpg.txt」文件試試）：

回到這段腳本上來，即使你還看不懂正則表達式那兩行，但整段腳本的美感還是很明顯的：簡潔、直接、語義流暢，這與Web標準關於XHTML的要求是一致的，與Web設計師或開發者天生的「完美」主義也是一致的。

jjww一大段之後，轉入重點——預覽圖片

預覽功能的基本設計思路是很清晰的：創建一個img元素，再把文件域的value值賦值給img

元素的src屬性。form name=”form4″ id=”form4″ method=”post” action=”#”

input type=”file” name=”file4″ id=”file4″

onchange=”preview4()” /

img id=”pic4″ src=”” alt=”圖片在此顯示” width=”120″/

/form

script type=”text/javascript”

function preview4(){

var x = document.getElementById(“file4”);

var y = document.getElementById(“pic4”);

if(!x || !x.value || !y) return;

var patn = /\.jpg$|\.jpeg$|\.gif$/i;

if(patn.test(x.value)){

y.src = “” + x.value;

}else{

alert(“您選擇的似乎不是圖像文件。”);

}

}

/script

5.試下效果：

如果用的是Firefox（或Opera），可能會發現什麼也沒有發生。是的，很不幸Firefox的安全策略不允許顯示一個用戶的本地 圖像文件。不知道為什麼要這麼做，個人覺得圖像文件並不會造成嚴重的安全性問題。即使是不久前比較熱門的那個會引起Windows崩潰的jpeg文 件，要顯示它的前提條件是用戶自己選擇了這個文件或者你知道這個文件在用戶硬碟上的準確路徑。所以我想這種策略很可能來自於一個「懶惰」的開發人員，並 不想多寫一些程序來區分這個本地文件是一個圖像文件還是一個惡意文件，Firefox對安全性的要求讓他們有些過於敏感了。

讓Firefox顯示本地文件的唯一辦法就是修改它的默認安全策略：

在Firefox的地址欄中輸入「about:config」

繼續輸入「security.checkloaduri」

雙擊下面列出來的一行文字，把它的值由true改為false

然後你可以再試試上面預覽，everything works well！可惜的是並不能要求所有的用戶都去修改這個值（更不用說修改的過程還挺麻煩），所以毫無意義。我們能做的也許就是接受Firefox不能預覽本地圖片這種「可笑」的局面。

用DOM來創建對象

在上面的XHTML代碼中，為了預覽圖片，事先加入了一個沒有設置src的img對象。除去不美觀、代碼冗餘之外，如果用戶瀏覽器不支持 Javascript，不僅無法使用這個功能，還要接受頁面上一個永遠不會顯示出來的破圖。要解決這個問題，就需要在「運行時」再生成這個img對 象，途徑還是DOM。

form name=”form5″ id=”form5″ method=”post” action=”#”

input type=”file” name=”file5″ id=”file5″

onchange=”preview5()”/

/form

script type=”text/javascript”

function preview5(){

var x = document.getElementById(“file5”);

if(!x || !x.value) return;

var patn = /\.jpg$|\.jpeg$|\.gif$/i;

if(patn.test(x.value)){

var y = document.getElementById(“img5”);

if(y){

y.src = ” + x.value;

}else{

var img=document.createElement(‘img’);

img.setAttribute(‘src’,”+x.value);

img.setAttribute(‘width’,’120′);

img.setAttribute(‘height’,’90’);

img.setAttribute(‘id’,’img5′);

document.getElementById(‘form5’).appendChild(img);

}

}else{

alert(“您選擇的似乎不是圖像文件。”);

}

}

/script

6.試下效果：

這樣就相對比較完美了。DOM和正則表達式一樣，都是「包你不悔」的實 用技術，如果你希望更多了解、深入學習、或者順利實踐Web標準，DOM是不可或缺的。從本人最近的體會來說，Javascript+DOM+CSS蘊 藏著強大的能量，就看怎麼釋放它了。

7.最後帖上JQUERY的上傳預覽代碼：

dehtml xmlns=””

head id=”Head1″

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

script type=”text/javascript” src=””/script

script language=”javascript”

$(function(){

var ei = $(“#large”);

ei.hide();

$(“#img1”).mousemove(function(e){

ei.css({top:e.pageY,left:e.pageX}).html(‘img style=”border:1px solid gray;” src=”‘ + this.src + ‘” /’).show();

}).mouseout( function(){

ei.hide(“slow”);

})

$(“#f1”).change(function(){

$(“#img1”).attr(“src”,””+$(“#f1”).val());

})

});

/script

style type=”text/css”

#large{position:absolute;display:none;z-index:999;}

/style

/head

body

form name=”form1″ id=”form1″

div id=”demo”

input id=”f1″ name=”f1″ type=”file” /

img id=”img1″ width=”60″ height=”60″

/div

div id=”large”/div

/form

/body

/htmlde

PHP如何實現網頁預覽功能

html文件

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”html xmlns=””headmeta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /title無標題文檔/titlestyle 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

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 “scriptalert(‘該文件已存在！’);/script”; } else { move_uploaded_file($_FILES[“file”][“tmp_name”],$filename); $delurl = iconv(“UTF-8″,”gb2312”,$_POST[“tp”]); unlink($delurl); //刪除文件 echo “scriptparent.showimg(‘{$fname}’);/script”; } }}

有一堆圖片url,用php怎樣實現批量預覽?

如果你有一堆圖片的 URL，你可以使用 PHP 的 foreach 循環來遍歷這些 URL，然後使用 PHP 的 echo 語句將圖片的 HTML 標籤輸出到瀏覽器中。例如：

$imageUrls = [

“url地址”,

“url地址”,

“url地址”

];

foreach ($imageUrls as $url) {

echo “img src=’$url’ alt=’A preview image'”;

}

這樣，在瀏覽器中，你就可以看到這些圖片了。

請注意，上面的代碼僅供參考，在實際應用中你可能需要做一些更多的工作來實現你的需求。例如，你可能需要設置圖片的寬度和高度，或者添加其他的樣式來改變圖片的外觀。

總之，在 PHP 中實現批量預覽圖片，你可以使用 foreach 循環和 echo 語句來輸出圖片的 HTML 標籤，這樣就可以在瀏覽器中預覽這些圖片了。

php 怎麼實現在線預覽 word 文檔

目前程序編譯語言有很多種，其中php是最為常見的一種編程語言。php讀取word文檔是很多朋友都想了解的，下面就由達內的老師為大家介紹一下。

?php

/*

*

必須將

php.ini

中的

com.allow_dcom

設為

true

*/

function

php_word($wordname,$htmlname,$content)

{

//獲取鏈接地址

$url

=

$_server[‘http_host’];

$url

=

“;

$url

=

$url.$_server[‘php_self’];

$url

=

dirname($url).”/”;

//建立一個指向新com組件的索引

$word

=

new

com(“word.application”)

or

die(“unable

to

instanciate

word”);

//顯示目前正在使用的word的版本號

echo

“loading

word,

v.

{$word-

version}”;

//把它的可見性設置為0（假），如果要使它在最前端打開，使用1（真）

$word-visible

=

1;

//———————————讀取word內容操作

start—————————————–

//打開一個word文檔

$word-documents-open($url.$wordname);

//將filename.doc轉換為html格式，並保存為html文件

$word-documents[1]-saveas(dirname(__file__).”/”.$htmlname,8);

//獲取htm文件內容並輸出到頁面

(文本的樣式不會丟失)

$content

=

file_get_contents($url.$htmlname);

echo

$content;

//獲取word文檔內容並輸出到頁面（文本的原樣式已丟失）

$content=

$word-activedocument-content-text;

echo

$content;

//關閉與com組件之間的連接

$word-documents-close(true);

$word-quit();

$word

=

null;

unset($word);

//———————————新建立word文檔操作

start————————————–

//建立一個空的word文檔

$word-documents-add();

//寫入內容到新建word

$word-selection-typetext(“$content”);

//保存新建的word文檔

$word-documents[1]-saveas(dirname(__file__).”/”.$wordname);

//關閉與com組件之間的連接

$word-quit();

}

php_word(“tesw.doc”,”filename.html”,”寫入word的內容”);

?