首页 > 编程技术 > php

iframe无刷新文件上传实现程序

发布时间:2016-11-25 17:29

iframe无刷新文件上传其实就是在当前页面打开了上传程序的页面,有点像ajax局部刷新一个,只是我们把它放到了iframe页面中上传,同时我们把iframe页面给隐藏了。

一个最原始最简单的iframe上传例子:

本例中采用iframe名字,所以表单在提交时会在iframe内打开链接(即无刷新,确切的说应该是
感觉无刷新)
在表单提交时,调用startUpload方法,当然这是JS定义的。


前台上传页面index.html,主要是一个表单与一个js回调函数。上传文件时,form表单的method、 enctype属性必须和下面代码一样。然后将target的值设为iframe的name,这样就可以实现无刷新上传文件。

 代码如下 复制代码

<title>上传文件</title> 
 
<script> 
function CallbackFunction(str){ 
alert("上传成功"); 

</script> 
<form action="uploadfile.php" enctype="multipart/form-data" method="post" target="iframeUpload"> 
 <iframe name="iframeUpload"" width=100% src="" width="350" height="35" frameborder=0  SCROLLING="no" style="display:NONE"></iframe> 
 <input id="test_file" name="test_file" type="file"> 
 <input value="上传文件" type="submit"> 
</form> 


后台上传处理页面uploadfile.php,这段代码为简单的上传代码,没有进行错误及异常处理。上传代码执行完成后,要告诉父页面已经上传完毕了,因此,在这个页面里调用父页面的回调函数CallbackFunction,这个函数可以有参数,形式自己定义。

 代码如下 复制代码

<?php 
set_time_limit(0); 
if($_SERVER['REQUEST_METHOD']=='POST') { 
  move_uploaded_file($_FILES["test_file"]["tmp_name"], 
  dirname($_SERVER['SCRIPT_FILENAME'])."/UploadTemp/" . $_FILES["test_file"]["name"]); 
  echo "<script>window.parent.CallbackFunction();</script>"; 

?>

以上是用iframe实现无刷新上传文件的简单方法,想要健壮的程序的话需要再细化


例2

PHP利用iframe上传文件并返回值到父框架

淡水其实也是采用这样的做发法的。正好看到有童鞋博客上有这样写。就顺手贴过来了。

 代码如下 复制代码

if($result)    
{   
echo "上传成功!文件路径为:".$file2;   
echo '<input name="img" type="hidden" value="'.$file2.'" id="img"/>';   
echo'<script>parent.document.form1.img.value=document.getElementById("img").value;</script>';   
}

文件上传成功后,把文件路径写入一个隐藏的域中(img),然后用DOM原理把隐藏域中的VALUE发送到父框架的表单form1的img文本框中:
ok,再来看看淡水的。
淡水编辑器用了tinyMCE,所以有一点点不一样。
我的form页:

 代码如下 复制代码

<script" width=100% src="tiny_mce/tiny_mce.js" type="text/javascript"></script>
<script type="text/javascript">
    // O2k7 skin
    tinyMCE.init({
        // General options
        mode : "exact",
        elements : "content",
        theme : "advanced",
        skin : "o2k7",
        language : "zh",
        relative_urls : false,
//....略过部分...

    });

    function InsertHtml(type,path){

        type=type.toLowerCase()

        switch(type){
            case '.gif':
            thecode = '<img" width=100% src="'+path+'" alt=""/>';
            break;
            case '.jpg':
            thecode = '<img" width=100% src="'+path+'" alt=""/>';
            break;
//......略过部分......
            default :
            thecode = '<a href="'+path+'" target="_blank">Download</a>';
            break;
        }
        tinyMCE.execCommand('mceInsertContent',true,thecode);
    }
</script>

iframe也就是在这个页面里了。
在我的iframe的提交给的php处理里:

 代码如下 复制代码

            $pasteJS = "<script type=text/javascript>n";
            $pasteJS .= "parent.InsertHtml("" . $file_ext . "","" . $upload_src . "");n";
            $pasteJS .= "</script>n";
            echo $pasteJS;

于是上传的文件就跑到tinyMCE的编辑框里了。upload的文件路径也通过userdata会暂存起来,直到写入database。路径保存这块儿,也是在iframe的提交给的php处理文件里的,这里淡水就不多写了。

条形码(barcode)是将宽度不等的多个黑条和空白,按照一定的编码规则排列,用以表达一组信息的图形标识符。常见的条形码是由反射率相差很大的黑条(简称条)和白条(简称空)排成平行线的图案对于上面有个大概的了解后,下面我们可以重新整合下代码,更加方便的使用它。
 代码如下 复制代码
<?php
  
function UPCAbarcode($code)
{
    $lw = 2; $hi = 100;
    $Lencode = array('0001101','0011001','0010011','0111101','0100011',
                    '0110001','0101111','0111011','0110111','0001011');
    $Rencode = array('1110010','1100110','1101100','1000010','1011100',
                    '1001110','1010000','1000100','1001000','1110100');
    $ends = '101'; $center = '01010';
  
    /* UPC-A Must be 11 digits, we compute the checksum. */
    if ( strlen($code) != 11 ) { die("UPC-A Must be 11 digits."); }
  
    /* Compute the EAN-13 Checksum digit */
    $ncode = '0'.$code;
    $even = 0; $odd = 0;
    for ($x=0;$x<12;$x++)
    {
        if ($x % 2) { $odd += $ncode[$x]; } else { $even += $ncode[$x]; }
    }
  
    $code.=(10 - (($odd * 3 + $even) % 10)) % 10;
  
    /* Create the bar encoding using a binary string */
    $bars=$ends;
    $bars.=$Lencode[$code[0]];
    for($x=1;$x<6;$x++)
    {
        $bars.=$Lencode[$code[$x]];
    }
  
    $bars.=$center;
  
    for($x=6;$x<12;$x++)
    {
        $bars.=$Rencode[$code[$x]];
    }
  
    $bars.=$ends;
  
    /* Generate the Barcode Image */
    $img = ImageCreate($lw*95+30,$hi+30);
    $fg = ImageColorAllocate($img, 0, 0, 0);
    $bg = ImageColorAllocate($img, 255, 255, 255);
    ImageFilledRectangle($img, 0, 0, $lw*95+30, $hi+30, $bg);
  
    $shift=10;
  
    for ($x=0;$x<strlen($bars);$x++)
    {
        if (($x<10) || ($x>=45 && $x<50) || ($x >=85)) { $sh=10; } else { $sh=0; }
        if ($bars[$x] == '1') { $color = $fg; } else { $color = $bg; }
        ImageFilledRectangle($img, ($x*$lw)+15,5,($x+1)*$lw+14,$hi+5+$sh,$color);
    }
  
    /* Add the Human Readable Label */
    ImageString($img,4,5,$hi-5,$code[0],$fg);
  
    for ($x=0;$x<5;$x++)
    {
        ImageString($img,5,$lw*(13+$x*6)+15,$hi+5,$code[$x+1],$fg);
        ImageString($img,5,$lw*(53+$x*6)+15,$hi+5,$code[$x+6],$fg);
    }
  
    ImageString($img,4,$lw*95+17,$hi-5,$code[11],$fg);
  
    /* Output the Header and Content. */
    header("Content-Type: image/png");
    ImagePNG($img);
  
}
  
UPCAbarcode('13322483157');
  
?>
下面介绍了几种生成EXCEL文档的php实现程序,有需要的朋友可参考。

原生态的写法
原始方式:发送header,用附件的表头发送到用户浏览器表示是要下载的,然后读出数据库中的数据,一条一条的解析,写入excel格式的文件中

 代码如下 复制代码

<?php 
  $DB_Server = "localhost"; 
  $DB_Username = "root"; 
  $DB_Password = ""; 
  $DB_DBName = "DBName"; 
  $DB_TBLName = "DB_TBLName"; 
  $savename = date("YmjHis"); 
  $Connect = @mysql_connect($DB_Server, $DB_Username, $DB_Password) or die("Couldn't connect."); 
  mysql_query("Set Names 'gbk'"); 
  $file_type = "vnd.ms-excel"; 
  $file_ending = "xls"; 
  header("Content-Type: application/$file_type;charset=gbk"); 
  header("Content-Disposition: attachment; filename=".$savename.".$file_ending"); 
  header("Pragma: no-cache"); 
  $now_date = date("Y-m-j H:i:s"); 
  $title = "数据库名:$DB_DBName,数据表:$DB_TBLName,备份日期:$now_date"; 
  $sql = "Select * from $DB_TBLName"; 
  $ALT_Db = @mysql_select_db($DB_DBName, $Connect) or die("Couldn't select  database"); 
  $result = @mysql_query($sql,$Connect) or die(mysql_error()); 
  echo("$titlen"); 
  $sep = "t"; 
  for ($i = 0;$i < mysql_num_fields($result);$i++) 
     { 
         echo mysql_field_name($result,$i) . "t"; 
     } 
  print("n"); 
  $i = 0; 
  while($row = mysql_fetch_row($result)) 
  { 
    $schema_insert = ""; 
    for($j=0; $j<mysql_num_fields($result);$j++) 
      { 
        if(!isset($row[$j])) $schema_insert .= "NULL".$sep; 
        elseif ($row[$j] != "") $schema_insert .= "$row[$j]".$sep; 
        else $schema_insert .= "".$sep; 
       } 
       $schema_insert = str_replace($sep."$", "", $schema_insert); 
       $schema_insert .= "t"; 
       print(trim($schema_insert)); 
       print "n"; $i++; 
  } 
  return (true); 
  ?>

用PHPExcel库

下面是用PHPExcel实现的与上面功能相同的excel的方法。getCol为递归实现的函数,用于根据数字返回对应的列号编码。因为导出的过程中需要指出行号,列号。行号为简单的数字,而列号则为“A-Z”的组合。为了方便二维数组的导入,根据列数自动得到列号编码

使用说明:

1、将后面的代码存为excel.php,然后在页面中调用它。

2、然后调用 xlsBOF(),将一些内容写入到xlswritenunber() 或者 xlswritelabel()中,最后调用 xlsEOF()结束。

也可以用 fwrite 函数直接写到服务器上,而不是用echo 仅仅在浏览器上显示。

下面是PHP代码:

 代码如下 复制代码

<?php
// ----- begin of function library -----
// Excel begin of file header
function xlsBOF() {
echo pack("ssssss", 0x809, 0x8, 0x0, 0x10, 0x0, 0x0);
return;
}
// Excel end of file footer
function xlsEOF() {
echo pack("ss", 0x0A, 0x00);
return;
}
// Function to write a Number (double) into Row, Col
function xlsWriteNumber($Row, $Col, $Value) {
echo pack("sssss", 0x203, 14, $Row, $Col, 0x0);
echo pack("d", $Value);
return;
}
// Function to write a label (text) into Row, Col
function xlsWriteLabel($Row, $Col, $Value ) {
$L = strlen($Value);
echo pack("ssssss", 0x204, 8 + $L, $Row, $Col, 0x0, $L);
echo $Value;
return;
}
?>
 
下面是调用代码:

<?php
header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header ("Last-Modified: " . gmdate("D,d M YH:i:s") . " GMT");
header ("Cache-Control: no-cache, must-revalidate");
header ("Pragma: no-cache");
header ('Content-type: application/x-msexcel');
header ("Content-Disposition: attachment; filename=EmplList.xls" );
header ("Content-Description: PHP/INTERBASE Generated Data" );
//
// the next lines demonstrate the generation of the Excel stream
//
include ("excel.php");
xlsBOF();    // begin Excel stream
xlsWriteLabel(0,0,"This is a label");   // write a label in A1, use for dates too
xlsWriteNumber(0,1,9999);   // write a number B1
xlsEOF(); // close the stream
?>


完整实例

 代码如下 复制代码

<?
//设置PHPExcel类库的include path
set_include_path('.'. PATH_SEPARATOR .
                 'D:ZealPHP_LIBS' . PATH_SEPARATOR .
                 get_include_path());

/**
 * 以下是使用示例,对于以 //// 开头的行是不同的可选方式,请根据实际需要
 * 打开对应行的注释。
 * 如果使用 Excel5 ,输出的内容应该是GBK编码。
 */
require_once 'PHPExcel.php';

// uncomment
////require_once 'PHPExcel/Writer/Excel5.php';    // 用于其他低版本xls
// or
////require_once 'PHPExcel/Writer/Excel2007.php'; // 用于 excel-2007 格式

// 创建一个处理对象实例
$objExcel = new PHPExcel();

// 创建文件格式写入对象实例, uncomment
////$objWriter = new PHPExcel_Writer_Excel5($objExcel);    // 用于其他版本格式
// or
////$objWriter = new PHPExcel_Writer_Excel2007($objExcel); // 用于 2007 格式
//$objWriter->setOffice2003Compatibility(true);

//*************************************
//设置文档基本属性
$objProps = $objExcel->getProperties();
$objProps->setCreator("Zeal Li");
$objProps->setLastModifiedBy("Zeal Li");
$objProps->setTitle("Office XLS Test Document");
$objProps->setSubject("Office XLS Test Document, Demo");
$objProps->setDescription("Test document, generated by PHPExcel.");
$objProps->setKeywords("office excel PHPExcel");
$objProps->setCategory("Test");

//*************************************
//设置当前的sheet索引,用于后续的内容操作。
//一般只有在使用多个sheet的时候才需要显示调用。
//缺省情况下,PHPExcel会自动创建第一个sheet被设置SheetIndex=0
$objExcel->setActiveSheetIndex(0);


$objActSheet = $objExcel->getActiveSheet();

//设置当前活动sheet的名称
$objActSheet->setTitle('测试Sheet');

//*************************************
//设置单元格内容
//
//由PHPExcel根据传入内容自动判断单元格内容类型
$objActSheet->setCellValue('A1', '字符串内容');  // 字符串内容
$objActSheet->setCellValue('A2', 26);            // 数值
$objActSheet->setCellValue('A3', true);          // 布尔值
$objActSheet->setCellValue('A4', '=SUM(A2:A2)'); // 公式

//显式指定内容类型
$objActSheet->setCellValueExplicit('A5', '847475847857487584',
                                   PHPExcel_Cell_DataType::TYPE_STRING);

//合并单元格
$objActSheet->mergeCells('B1:C22');

//分离单元格
$objActSheet->unmergeCells('B1:C22');

//*************************************
//设置单元格样式
//

//设置宽度
$objActSheet->getColumnDimension('B')->setAutoSize(true);
$objActSheet->getColumnDimension('A')->setWidth(30);

$objStyleA5 = $objActSheet->getStyle('A5');

//设置单元格内容的数字格式。
//
//如果使用了 PHPExcel_Writer_Excel5 来生成内容的话,
//这里需要注意,在 PHPExcel_Style_NumberFormat 类的 const 变量定义的
//各种自定义格式化方式中,其它类型都可以正常使用,但当setFormatCode
//为 FORMAT_NUMBER 的时候,实际出来的效果被没有把格式设置为"0"。需要
//修改 PHPExcel_Writer_Excel5_Format 类源代码中的 getXf($style) 方法,
//在 if ($this->_BIFF_version == 0x0500) { (第363行附近)前面增加一
//行代码:
//if($ifmt === '0') $ifmt = 1;
//
//设置格式为PHPExcel_Style_NumberFormat::FORMAT_NUMBER,避免某些大数字
//被使用科学记数方式显示,配合下面的 setAutoSize 方法可以让每一行的内容
//都按原始内容全部显示出来。
$objStyleA5
    ->getNumberFormat()
    ->setFormatCode(PHPExcel_Style_NumberFormat::FORMAT_NUMBER);

//设置字体
$objFontA5 = $objStyleA5->getFont();
$objFontA5->setName('Courier New');
$objFontA5->setSize(10);
$objFontA5->setBold(true);
$objFontA5->setUnderline(PHPExcel_Style_Font::UNDERLINE_SINGLE);
$objFontA5->getColor()->setARGB('FF999999');

//设置对齐方式
$objAlignA5 = $objStyleA5->getAlignment();
$objAlignA5->setHorizontal(PHPExcel_Style_Alignment::HORIZONTAL_RIGHT);
$objAlignA5->setVertical(PHPExcel_Style_Alignment::VERTICAL_CENTER);

//设置边框
$objBorderA5 = $objStyleA5->getBorders();
$objBorderA5->getTop()->setBorderStyle(PHPExcel_Style_Border::BORDER_THIN);
$objBorderA5->getTop()->getColor()->setARGB('FFFF0000'); // color
$objBorderA5->getBottom()->setBorderStyle(PHPExcel_Style_Border::BORDER_THIN);
$objBorderA5->getLeft()->setBorderStyle(PHPExcel_Style_Border::BORDER_THIN);
$objBorderA5->getRight()->setBorderStyle(PHPExcel_Style_Border::BORDER_THIN);

//设置填充颜色
$objFillA5 = $objStyleA5->getFill();
$objFillA5->setFillType(PHPExcel_Style_Fill::FILL_SOLID);
$objFillA5->getStartColor()->setARGB('FFEEEEEE');

//从指定的单元格复制样式信息.
$objActSheet->duplicateStyle($objStyleA5, 'B1:C22');


//*************************************
//添加图片
$objDrawing = new PHPExcel_Worksheet_Drawing();
$objDrawing->setName('ZealImg');
$objDrawing->setDescription('Image inserted by Zeal');
$objDrawing->setPath('./zeali.net.logo.gif');
$objDrawing->setHeight(36);
$objDrawing->setCoordinates('C23');
$objDrawing->setOffsetX(10);
$objDrawing->setRotation(15);
$objDrawing->getShadow()->setVisible(true);
$objDrawing->getShadow()->setDirection(36);
$objDrawing->setWorksheet($objActSheet);


//添加一个新的worksheet
$objExcel->createSheet();
$objExcel->getSheet(1)->setTitle('测试2');

//保护单元格
$objExcel->getSheet(1)->getProtection()->setSheet(true);
$objExcel->getSheet(1)->protectCells('A1:C22', 'PHPExcel');


//*************************************
//输出内容
//
$outputFileName = "output.xls";
//到文件
////$objWriter->save($outputFileName);
//or
//到浏览器
////header("Content-Type: application/force-download");
////header("Content-Type: application/octet-stream");
////header("Content-Type: application/download");
////header('Content-Disposition:inline;filename="'.$outputFileName.'"');
////header("Content-Transfer-Encoding: binary");
////header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
////header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
////header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
////header("Pragma: no-cache");
////$objWriter->save('php://output');

?>

如果我们要匹配中文汉字在php与js中只要利用正则/^[\\x{4e00}-\\x{9fa5}]+$/u,匹配双字节字符(包括汉字在内):[^/x00-/xff]即可,具体如下

 

js版

匹配中文字符的正则表达式: [/u4e00-/u9fa5]

匹配双字节字符(包括汉字在内):[^/x00-/xff]

 代码如下 复制代码


var reg =  /^[u4e00-u9fa5]+$/;

if(reg.test(str))
{
   alert('汉字的干活');
}

计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

String.prototype.len=function(){return this.replace([^/x00-/xff]/g,"aa").length;}

php版

php正则匹配汉字!
/^[x{4e00}-x{9fa5}]+$/u

 代码如下 复制代码

 

$action = trim($_GET['action']);
if($action == "sub")
{
    $str = $_POST['dir']; 
    //if(!preg_match("/^[".chr(0xa1)."-".chr(0xff)."A-Za-z0-9_]+$/",$str)) //GB2312汉字字母数字下划线正则表达式
    if(!preg_match("/^[x{4e00}-x{9fa5}A-Za-z0-9_]+$/u",$str))   //UTF-8汉字字母数字下划线正则表达式
    { 
        echo "您输入的[".$str."]含有违法字符"; 
    }
    else
    {
        echo "您输入的[".$str."]完全合法,通过!"; 
    }
}

当然如果要想字符串全是汉字的GBK2312编码匹配为:

 代码如下 复制代码


$str = "小小子";
if(preg_match("/^[".chr(0xa1)."-".chr(0xff)."]+$/",$str)){
print($str."确实全是汉字");
} else {
print($str."这个真 TMD不全是汉字");
}

uft8编码正则

$str = "汉字";
if (preg_match("/^[x{4e00}-x{9fa5}]+$/u",$str)) {
print("该字符串全部是中文");
} else {
print("该字符串不全部是中文");
}


 

其实只要了解了各个编码的高位与低位的开始与结束,那么自然就可以写出正则,而且直接是十六位的,有啥困难?呵呵。不过要注意,在php里面,表示十六位是用的x。

gbk,gb2312的例子:

 代码如下 复制代码

<?php
$action = trim($_GET['action']);
if($action == "sub")
{
    $str = $_POST['dir'];   
    //if(!preg_match("/^[".chr(0xa1)."-".chr(0xff)."A-Za-z0-9_]+$/",$str)) //GB2312汉字字母数字下划线正则表达式
    if(!preg_match("/^[x{4e00}-x{9fa5}A-Za-z0-9_]+$/u",$str))   //UTF-8汉字字母数字下划线正则表达式
    {  
         echo "<font color=red>您输入的[".$str."]含有违法字符</font>";  
     }
     else
     {
         echo "<font color=green>您输入的[".$str."]完全合法,通过!</font>";  
     }
}
?>

 

+$/u 的意思:

+ 表示重复1次或多次;
$ 表示匹配末尾;
/ 表示定界符;
u 表示模式字符串被当成 UTF-8;
U 表示第一次匹配后即停止搜索。

要匹配2-4 个,用{2,4}表示。
/^[x{4e00}-x{9fa5}]{2,4}$/u

在php中清除空格最简单的就是使用trim()函数,但这个函数往往是达不到我们想要的结果的,特别是字符串有像 \\r\\n这类字符时是无法制作 的,下面我介绍一个完美的方法来解决这个问题。
 代码如下 复制代码

<?
$str = " This line containstliberal rn use of whitespace.nn";

//去掉开始和结束的空白
$str = trim($str);

//去掉跟随别的挤在一块的空白
$str = preg_replace('/s(?=s)/', '', $str);

//最后,去掉非space 的空白,用一个空格代替
$str = preg_replace('/[nrt]/', ' ', $str);

echo "<pre>{$str}</pre>";

?>

上例一步一步的去掉所有的空白。首先我们使用trim()函数来去掉开始和结束的空白。然后,我们使用preg_replace() 去除重复的。s代表任何whitespace 。(?=) 表示向前查找 。它味着只匹配后面有和它本身相同字符的字符。所以这个正则表达式的意思是: "被whitespace 字符跟随的任何whitespace 字符。" 我们用空白来替换掉,这样也就去除了,留下的将是唯一的whitespace 字符。

最后, 我们使用另一个正则表达式[nrt]来查找任何残余的换行符(n), 回车(r), 或制表符(t) 。我们用一个空格来替换这些。

标签:[!--infotagslink--]

您可能感兴趣的文章: