利用zend framework的Zend_File_Transfer_Adapter_Http类实现多个图片的上传
2011-04-23 19:03
405 查看
1、首先,我们在页面上添加file控件,点击add按钮之后就可以多增加一个file。
<div style="float:left;" id="upload_thumbnail">
<input name=thumb[0] type="file" id ='thumb_0' class="input-text" onchange="checkFileType(0)"></input>
</div>
<div style="float:left">
<input type="button" style="margin-left:20px;" onclick="appendInput();" value="add upload thumbnail"></input>
</div>
<script>
var i = 0;
function appendInput(){
i ++ ;
var appendStr = "type='file' class='input-text'";
$("#upload_thumbnail").append('<br><input type="file" name=thumb['+i+'] onchange=checkFileType('+i+') id = thumb_'+i+'></input>');
}
function checkFileType(inputId) {
var fileName = $("#thumb_"+inputId).val();
var fileArr = fileName.split('.');
var flag = 0;
var length = fileArr.length;
var extend = fileArr[length-1];
var allowUpload = ['jpg','png','gif'];
$.each(allowUpload,function(key,value){
if(value == extend) {
flag = 1;
exit;
}
});
if(flag == 0) {
alert('Please choose a image');
}
}
</script>
2、点击提交按钮之后我们就开始文件的上传了。
foreach ($_FILES['thumb']['name'] as $key=>$file) {
if(!$file) {
unset($_FILES['thumb']['name'][$key]);
unset($_FILES['thumb']['type'][$key]);
unset($_FILES['thumb']['tmp_name'][$key]);
unset($_FILES['thumb']['error'][$key]);
unset($_FILES['thumb']['size'][$key]);
}
}
$thumb = $_FILES; //以上代码是对空文件进行处理,将空文件删掉,保证文件上传验证能够通过
$imagePath = $this->_uploadImage("upload_images");//调用文件上传方法,参数为文件上传的目录,返回的$imagePath为数组。返回已经上传的文件的路径。可以将此路径存在数据库,用于以后的显示。
3、开始进行文件上传方法实现了
/**
* upload image
* @param string $dir_name
* @param string $maxsize
* @return string|array|bool
*/
public function _uploadImage($dir_name, $maxsize = "4096kB") {
$fullpath = RP . DS . "/media/$dir_name";//设置文件上传的完整路径
if (!is_dir($fullpath)) {
mkdir($fullpath, 0777, true);
}
$upload = new Zend_File_Transfer_Adapter_Http();
$upload->addValidator('Count', false, array('min'=> 1, 'max'=> 20))
->addValidator('ImageSize',false,array('minwidth'=>0,'minheight'=>0))
->addValidator('Size',false, array('min'=>0,'max'=> $maxsize))
->setDestination($fullpath);
$fileInfo = $upload->getFileInfo();
if ($upload->isValid()) {
try {
foreach ($fileInfo as $key=>$name) {
$guid = new User_Model_Config_Source_Guid();
$_guid = $guid->create(); //获得一个随机字符串
$newname = $this->getFilename($fullpath."/",basename($_guid.$name['name']));
$newname=$_guid.$newname;
$renameArr[] = array('source'=>$name['tmp_name'],'target'=>$fullpath.'/'.$newname);
$filePathArr[] = $dir_name . "/" . $newname;
}
$upload->addFilter(new Zend_Filter_File_Rename($renameArr));
$upload->receive();
return $filePathArr;
}
catch (Zend_File_Transfer_Exception $e) {
$this->getSession()->addError($this->__('Bad image data: ') . $e->getMessage());
return false;
}
} else {
return '';
}
}
<div style="float:left;" id="upload_thumbnail">
<input name=thumb[0] type="file" id ='thumb_0' class="input-text" onchange="checkFileType(0)"></input>
</div>
<div style="float:left">
<input type="button" style="margin-left:20px;" onclick="appendInput();" value="add upload thumbnail"></input>
</div>
<script>
var i = 0;
function appendInput(){
i ++ ;
var appendStr = "type='file' class='input-text'";
$("#upload_thumbnail").append('<br><input type="file" name=thumb['+i+'] onchange=checkFileType('+i+') id = thumb_'+i+'></input>');
}
function checkFileType(inputId) {
var fileName = $("#thumb_"+inputId).val();
var fileArr = fileName.split('.');
var flag = 0;
var length = fileArr.length;
var extend = fileArr[length-1];
var allowUpload = ['jpg','png','gif'];
$.each(allowUpload,function(key,value){
if(value == extend) {
flag = 1;
exit;
}
});
if(flag == 0) {
alert('Please choose a image');
}
}
</script>
2、点击提交按钮之后我们就开始文件的上传了。
foreach ($_FILES['thumb']['name'] as $key=>$file) {
if(!$file) {
unset($_FILES['thumb']['name'][$key]);
unset($_FILES['thumb']['type'][$key]);
unset($_FILES['thumb']['tmp_name'][$key]);
unset($_FILES['thumb']['error'][$key]);
unset($_FILES['thumb']['size'][$key]);
}
}
$thumb = $_FILES; //以上代码是对空文件进行处理,将空文件删掉,保证文件上传验证能够通过
$imagePath = $this->_uploadImage("upload_images");//调用文件上传方法,参数为文件上传的目录,返回的$imagePath为数组。返回已经上传的文件的路径。可以将此路径存在数据库,用于以后的显示。
3、开始进行文件上传方法实现了
/**
* upload image
* @param string $dir_name
* @param string $maxsize
* @return string|array|bool
*/
public function _uploadImage($dir_name, $maxsize = "4096kB") {
$fullpath = RP . DS . "/media/$dir_name";//设置文件上传的完整路径
if (!is_dir($fullpath)) {
mkdir($fullpath, 0777, true);
}
$upload = new Zend_File_Transfer_Adapter_Http();
$upload->addValidator('Count', false, array('min'=> 1, 'max'=> 20))
->addValidator('ImageSize',false,array('minwidth'=>0,'minheight'=>0))
->addValidator('Size',false, array('min'=>0,'max'=> $maxsize))
->setDestination($fullpath);
$fileInfo = $upload->getFileInfo();
if ($upload->isValid()) {
try {
foreach ($fileInfo as $key=>$name) {
$guid = new User_Model_Config_Source_Guid();
$_guid = $guid->create(); //获得一个随机字符串
$newname = $this->getFilename($fullpath."/",basename($_guid.$name['name']));
$newname=$_guid.$newname;
$renameArr[] = array('source'=>$name['tmp_name'],'target'=>$fullpath.'/'.$newname);
$filePathArr[] = $dir_name . "/" . $newname;
}
$upload->addFilter(new Zend_Filter_File_Rename($renameArr));
$upload->receive();
return $filePathArr;
}
catch (Zend_File_Transfer_Exception $e) {
$this->getSession()->addError($this->__('Bad image data: ') . $e->getMessage());
return false;
}
} else {
return '';
}
}
相关文章推荐
- 利用FileReader和FormData实现图片预览和上传(base64转二进制文件)
- 利用ajaxfileupload.js实现跨域上传图片并处理返回的数据
- JS中利用FileReader实现上传图片前本地预览功能
- 利用FileReader实现上传图片前本地预览
- 利用FileReader实现图片预览上传
- 利用FileReader实现上传图片前本地预览
- vue利用type=file 实现本地上传图片
- 利用html5的FileReader对象实现图片预览,利用FormData对象结合struts2实现无刷新文件上传(多参数)
- yii2利用自带UploadedFile实现上传图片的示例
- 【学习笔记⑥】ssh中利用struts实现图片的上传功能
- 利用jquery.uploadify插件来实现图片上传和预览效果
- Mvc利用淘宝Kissy uploader实现图片批量上传附带瀑布流的照片墙
- iOS利用AFNetworking(AFN) 实现图片上传
- ajaxfileupload&amp;cropper实现图片上传与在线编辑
- freemarker+springMVC+ajaxfileupload实现异步图片上传(单张)
- 移动端利用H5实现压缩图片上传功能
- SpringMVC+ajaxFileUpload 兼容IE浏览器实现异步上传图片
- 利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
- FileReader+Ajax+PHP实现异步上传图片和预览
- php实现图片上传并利用ImageMagick生成缩略图