$ { $.uploadify({ 'auto' : true, 'method' : 'post', 'multi' : true, 'swf' : 'uploadify/uploadify.swf', 'uploader' : '', 'progressData' : 'all', 'queueSizeLimit' : '', 'uploadLimit' : 5, 'fileSizeLimit' : '20000KB', 'fileTypeDesc' : 'Image Files', 'fileTypeExts' : '*.jpeg; *.jpg; *.png; *.gif', 'buttonImage' : 'uploadify/select.png', 'queueID' : 'fileQueue', 'onUploadStart' : function{ $.uploadify('settings', 'formData', {'iswatermark':$.is; }, 'onUploadSuccess' : function{ $.append; SetUploadFile;

然后处理好,图片数据删除对应的文件上传,减轻服务器空间压力。

点评:生成一个iframe框。

/*** @function imageUp*/public function imageUp(){ // 有文件传入,现在要做的就是把它保存起来 // 处理上传并返回数据 // 上传图片框中的描述表单名称, $title = htmlspecialchars($_REQUEST['pictitle'], ENT_QUOTES); // $path = htmlspecialchars($_REQUEST['dir'], ENT_QUOTES); $savepath = htmlspecialchars($_REQUEST['savepath'], ENT_QUOTES); $up = new think_upload(); $path = './uploadfile/'.$savepath; //设置属性(上传的位置, 大小, 类型, 名是是否要随机生成) $up -> set; $up -> set; $up -> set("allowtype", array("gif", "png", "jpg","jpeg")); $up -> set; //使用对象中的upload方法, 就可以上传文件, 方法需要传一个上传表单的名子 pic, 如果成功返回true, 失败返回false if($up -> upload { $name = $up->getFileName(); $return_data['url'] = $path.'/'.$name; $return_data['title'] = $title; $return_data['state'] = 'SUCCESS'; exit(json_encode; } else { $return_data['state'] = 'FAILURE'; $return_data['msg'] = $up->getErrorMsg(); exit(json_encode; }}
public function upload(){ $func = $_REQUEST['func']; $path = $_REQUEST['path'] ? $_REQUEST['path'] :'temp'; $info = array( 'num'=> $_REQUEST['num'], 'title' => '', 'upload' =>'?m=admin&c=upload&a=imageUp&savepath='.$path.'&pictitle=banner&dir=images&pc_hash='.$_SESSION['pc_hash'], 'size' => '4M', 'type' =>'jpg,png,gif,jpeg', 'input' => $_REQUEST['input'], 'func' => empty ? 'undefined' : $func, ); include $this->admin_tpl;}

Uploadify        最多上传个附件,单文件最大,类型       列表        保存 取消     document.write("<script type='text/javascript' "+ "src='<?php echo PLUGIN_STATICS_PATH?>uploadify/jquery.uploadify.js?" + new Date()+ "'></s" + "cript>");  function Close(){ $("iframe.uploadframe", window.parent.document).remove.click{ $("iframe.uploadframe", window.parent.document).remove.uploadifyClearQueue(); //$.remove { $.uploadify({ 'auto' : true, 'method' : 'post', 'multi' : true, 'swf' : '<?php echo PLUGIN_STATICS_PATH?>uploadify/uploadify.swf', 'uploader' : '<?php echo $info["upload"];?>', 'progressData' : 'all', 'queueSizeLimit' : '<?php echo $info["num"];?>', 'uploadLimit' : 5, 'fileSizeLimit' : '20000KB', 'fileTypeDesc' : 'Image Files', 'fileTypeExts' : '*.jpeg; *.jpg; *.png; *.gif', 'buttonImage' : '<?php echo PLUGIN_STATICS_PATH?>uploadify/select.png', 'queueID' : 'fileQueue', 'onUploadStart' : function{ $.uploadify('settings', 'formData', {'iswatermark':$.is; }, 'onUploadSuccess' : function{ $.append; SetUploadFile;function SetImgContent{ var obj=eval; if(obj.state == 'SUCCESS'){ var sLi = ""; sLi += '<li >'; sLi += '<img src="'%20+%20obj.url%20+%20'" width="100" height="100" onerror="this.src='<?php echo PLUGIN_STATICS_PATH?>uploadify/nopic.png'">'; sLi += '<input type="hidden" name="fileurl_tmp[]" value="'%20+%20obj.url%20+%20'">'; sLi += '<a href="javascript:void;">删除</a>'; sLi += '</li>'; return sLi; }else{ //window.parent.message; alert; return; }}function SetUploadFile.each{ $.attr; }) $.each{ $.attr; }).click{ $.get( '?m=admin&c=upload&a=delupload&pc_hash=<?php echo $_SESSION["pc_hash"];?>',{action:"del", filename:$},function; $.remove}/*点击保存按钮时 *判断允许上传数,检测是单一文件上传还是组文件上传 *如果是单一文件,上传结束后将地址存入$input元素 *如果是组文件上传,则创建input样式,添加到$input后面 *隐藏父框架,清空列队,移除已上传文件样式*/$.click{ var callback = "<?php echo $info['func'];?>"; var num = "<?php echo $info['num'];?>"; var fileurl_tmp = []; if(callback != "undefined"){ if{ $("input[name^='fileurl_tmp']").each{ fileurl_tmp[index] = dom.value; }); }else{ fileurl_tmp = $("input[name^='fileurl_tmp']").val(); } eval('window.parent.'+callback+'; $(window.parent.document).find.remove(); return; } if{ var fileurl_tmp = ""; $("input[name^='fileurl_tmp']").each{ fileurl_tmp += '<li rel="'+ this.value +'"><input type="text" name="{$info.input}[]" value="'+ this.value +'" /><a href="javascript:void;" onclick="ClearPicArr(''+ this.value +'','')">删除</a></li>'; }); $(window.parent.document).find.append; }else{ $(window.parent.document).find.val($("input[name^='fileurl_tmp']").val; } $(window.parent.document).find.remove;

点评:调用uploadify插件

1.已有图片可以删除2.有一个新增的按钮3.点击新增按钮,跳出frame框4.在frame框中实现图片异步上传与及时效果5.上传成功后,调用回调函数6.弹出框中的图片可以进行删除7.frame弹出框点击保存,把图片通过js展示到页面中8.页面点击保存,把图片数据保存到数据库

点评:php文件上传类。

setOption; } return $this; } /** * 调用该方法上传文件 * @param string $fileFile 上传文件的表单名称 * @return bool 如果上传成功返回数true */ function upload { $return = true; /* 检查文件路径是滞合法 */ if( !$this->checkFilePath { $this->errorMess = $this->getError(); return false; } /* 将文件上传的信息取出赋给变量 */ $name = $_FILES[$fileField]['name']; $tmp_name = $_FILES[$fileField]['tmp_name']; $size = $_FILES[$fileField]['size']; $error = $_FILES[$fileField]['error']; /* 如果是多个文件上传则$file["name"]会是一个数组 */ if{ $errors=array(); /*多个文件上传则循环处理 , 这个循环只有检查上传文件的作用,并没有真正上传 */ for($i = 0; $i < count{ /*设置文件信息 */ if($this->setFiles($name[$i],$tmp_name[$i],$size[$i],$error[$i] )) { if(!$this->checkFileSize() || !$this->checkFileType{ $errors[] = $this->getError(); $return=false; } }else{ $errors[] = $this->getError(); $return=false; } /* 如果有问题,则重新初使化属性 */ if $this->setFiles{ /* 存放所有上传后文件名的变量数组 */ $fileNames = array(); /* 如果上传的多个文件都是合法的,则通过销魂循环向服务器上传文件 */ for($i = 0; $i < count{ if($this->setFiles($name[$i], $tmp_name[$i], $size[$i], $error[$i] )) { $this->setNewFileName(); if{ $errors[] = $this->getError(); $return = false; } $fileNames[] = $this->newFileName; } } $this->newFileName = $fileNames; } $this->errorMess = $errors; return $return; /*上传单个文件处理方法*/ } else { /* 设置文件信息 */ if($this->setFiles($name,$tmp_name,$size,$error)) { /* 上传之前先检查一下大小和类型 */ if($this->checkFileSize() && $this->checkFileType{ /* 为上传文件设置新文件名 */ $this->setNewFileName(); /* 上传文件 返回0为成功, 小于0都为错误 */ if{ return true; }else{ $return=false; } }else{ $return=false; } } else { $return=false; } //如果$return为false, 则出错,将错误信息保存在属性errorMess中 if $this->errorMess=$this->getError(); return $return; } } /** * 获取上传后的文件名称 * @param void 没有参数 * @return string 上传后,新文件的名称, 如果是多文件上传返回数组 */ public function getFileName(){ return $this->newFileName; } /** * 上传失败后,调用该方法则返回,上传出错信息 * @param void 没有参数 * @return string 返回上传文件出错的信息报告,如果是多文件上传返回数组 */ public function getErrorMsg(){ return $this->errorMess; } /* 设置上传出错信息 */ private function getError() { $str = "上传文件{$this->originName}时出错 : "; switch  { case 4: $str .= "没有文件被上传"; break; case 3: $str .= "文件只有部分被上传"; break; case 2: $str .= "上传文件的大小超过了HTML表单中MAX_FILE_SIZE选项指定的值"; break; case 1: $str .= "上传的文件超过了php.ini中upload_max_filesize选项限制的值"; break; case -1: $str .= "未允许类型"; break; case -2: $str .= "文件过大,上传的文件不能超过{$this->maxsize}个字节"; break; case -3: $str .= "上传失败"; break; case -4: $str .= "建立存放上传文件目录失败,请重新指定上传目录"; break; case -5: $str .= "必须指定上传文件的路径"; break; default: $str .= "未知错误"; } return $str.'
'; } /* 设置和$_FILES有关的内容 */ private function setFiles($name="", $tmp_name="", $size=0, $error=0) { $this->setOption; if return false; $this->setOption; $this->setOption('tmpFileName',$tmp_name); $aryStr = explode; $this->setOption('fileType', strtolower($aryStr[count; $this->setOption; return true; } /* 为单个成员属性设置值 */ private function setOption { $this->$key = $val; } /* 设置上传后的文件名称 */ private function setNewFileName() { if  { $this->setOption('newFileName', $this->proRandName; } else{ $this->setOption('newFileName', $this->originName); } } /* 检查上传的文件是否是合法的类型 */ private function checkFileType() { if (in_array(strtolower, $this->allowtype)) { return true; }else { $this->setOption; return false; } } /* 检查上传的文件是否是允许的大小 */ private function checkFileSize() { if ($this->fileSize > $this->maxsize) { $this->setOption; return false; }else{ return true; } } /* 检查是否有存放上传文件的目录 */ private function checkFilePath() { if{ $this->setOption; return false; } if (!file_exists || !is_writable { if (!@mkdir { $this->setOption; return false; } } return true; } /* 设置随机文件名 */ private function proRandName() { $fileName = date."_".rand; return $fileName.'.'.$this->fileType; } /* 复制上传文件到指定的位置 */ private function copyFile() { if { $path = rtrim.'/'; $path .= $this->newFileName; if (@move_uploaded_file($this->tmpFileName, $path)) { return true; }else{ $this->setOption; return false; } } else { return false; } }}
 删除    
public function delete() { $id = intval; $this->db->delete; // 遍历删除原图片 $product_img = $this->product_img_db->select(array; foreach ($product_img as $k => $v) { unlink; } // 删除表数据 $this->product_img_db->delete(array; exit;}
/* * 上传图片 后台专用 * @access public * @null int 一次上传图片张图 * @elementid string 上传成功后返回路径插入指定ID元素内 * @path string 指定上传保存文件夹,默认存在Public/upload/temp/目录 * @callback string 回调函数(单张图片返回保存路径字符串,多张则为路径数组 ) */function GetUploadify(num,elementid,path,callback){ var pc_hash = $; var upurl ='?m=admin&c=upload&a=upload&num='+num+'&input='+elementid+'&path='+path+'&func='+callback+'&pc_hash='+pc_hash; var iframe_str=' '; iframe_str=iframe_str+''; $.append; $.css.height.css.css("position","absolute").css.css.css.show.resize{ $.css.height;}

点评:点击的时候,调用GetUploadify方法。

希望本文所述对大家PHP程序设计有所帮助。

点评:表单提交图片文件到服务器,成功后调用回调函数。

新澳门31999 ,点评:后台处理图片上传表单请求,返回图片路径

本文实例讲述了PHP实现多图上传的方法。分享给大家供大家参考,具体如下:

更多关于PHP相关内容感兴趣的读者可查看本站专题:《PHP图形与图片操作技巧汇总》、《php文件操作总结》、《PHP数组操作技巧大全》、《PHP基本语法入门教程》、《PHP运算与运算符用法总结》、《php面向对象程序设计入门教程》、《PHP网络编程技巧总结》、《php字符串用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

发表评论

电子邮件地址不会被公开。 必填项已用*标注