IT技术互动交流平台

文件上传插件jQuery-File-Upload结合CI框架案例

作者:shayang88  发布日期:2013-11-04 09:41:19

简单介绍一下这个插件的使用小案例,首先先看一下CI框架中的目录结构

190517621.png

这是我们一般使用CI框架时候的目录结构,其中assets是jQuery-File-Upload带的要用到的静态文件,比方说CSS,JS,Image图片等,可以大体看一下

190914724.png

目录放对了之后,我们就可以写我们想要的MVC结构里面的内容了,首先我们看一下View里面的内容


<!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>首页</title> 
<link href="/css/bootstrap.min.css" rel="stylesheet" media="screen"/> 
<script type="text/javascript" src="/js/jquery-1.10.2.min.js"></script> 
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"/> 
<!--[if IE 7]> 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome-ie7.min.css"> 
<![endif]-->
<script type="text/javascript" src="/js/common.js"></script> 
<!-- Force latest IE rendering engine or ChromeFrame if installed -->
<!--[if IE]> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<![endif]-->
<!-- Bootstrap styles -->
<!--<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />-->
<!-- Generic page styles -->
<link rel="stylesheet" href="/assets/css/style.css"/> 
<!-- blueimp Gallery styles -->
<!--<link rel="stylesheet" href="http://blueimp.github.io/Gallery/css/blueimp-gallery.min.css" />-->
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
<link rel="stylesheet" href="/assets/css/jquery.fileupload-ui.css"/> 
</head> 
<body> 
<!--  mainbody  -->
<div class="mainWrap"> 
<div class="row-fluid"> 
<div class="main"> 
<div class="span9"> 
<div class="rightBar"> 
<div class="content"> 
<form class="form-horizontal" id="fileupload" action="/profile/pubRaider" method="post"
enctype="multipart/form-data"> 
<fieldset> 
<legend>图片上传</legend> 
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
<div class="fileupload-buttonbar"> 
<div class="span12"> 
<!-- The fileinput-button span is used to style the file input field as button -->
<span class="btn btn-success fileinput-button"> 
<i class="icon-plus"></i> 
<span>添加文件</span> 
<input type="file" name="files[]" multiple/> 
<input type="hidden" id="dir_token" value="<?php echo $dir_token?>" /> 
<input type="hidden" id="action" value="<?php echo $action?>" /> 
</span> 
<button type="button" class="btn btn-danger delete"> 
<i class="icon-trash"></i> 
<span>删除文件</span> 
</button> 
<input type="checkbox" class="toggle"/><span>选中所有文件</span> 
<!-- The loading indicator is shown during file processing -->
<span class="fileupload-loading"></span> 
</div> 
</div> 
<!-- The table listing the files available for upload/download -->
<table role="presentation" class="table table-striped"> 
<tbody class="files"></tbody> 
</table> 
</fieldset> 
</form> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
<script type="text/javascript" src="/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="/js/bootstrap-datetimepicker.js" charset="UTF-8"></script> 
<script type="text/javascript" src="/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script> 
<script id="template-upload" type="text/x-tmpl"> 
{% for (var i=0, file; file=o.files[i]; i++) { %} 
<tr class="template-upload fade"> 
<td> 
<span class="preview"></span> 
</td> 
<td> 
<p class="name">{%=file.name%}</p> 
{% if (file.error) { %} 
<div><span class="label label-danger">Error</span> {%=file.error%}</div> 
{% } %} 
</td> 
<td> 
<p class="size">{%=o.formatFileSize(file.size)%}</p> 
{% if (!o.files.error) { %} 
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="progress-bar progress-bar-success" style="width:0%;"></div></div> 
{% } %} 
</td> 
<td> 
{% if (!o.files.error && !i && !o.options.autoUpload) { %} 
<button class="btn btn-primary start"> 
<i class="icon-upload"></i> 
<span>开始</span> 
</button> 
{% } %} 
{% if (!i) { %} 
<button class="btn btn-warning cancel"> 
<i class="icon-ban-circle"></i> 
<span>取消</span> 
</button> 
{% } %} 
</td> 
</tr> 
{% } %} 
</script> 
<!-- The template to display files available for download -->
<script id="template-download" type="text/x-tmpl"> 
{% for (var i=0, file; file=o.files[i]; i++) { %} 
<tr class="template-download fade"> 
<td> 
<span class="preview"> 
{% if (file.thumbnailUrl) { %} 
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a> 
{% } %} 
</span> 
</td> 
<td> 
<p class="name"> 
{% if (file.url) { %} 
<a name="upload_pic" href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a> 
{% } else { %} 
<span>{%=file.name%}</span> 
{% } %} 
</p> 
{% if (file.error) { %} 
<div><span class="label label-danger">错误</span> {%=file.error%}</div> 
{% } %} 
</td> 
<td> 
<span class="size">{%=o.formatFileSize(file.size)%}</span> 
</td> 
<td> 
{% if (file.deleteUrl) { %} 
<button class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}> 
<i class="icon-trash"></i> 
<span>删除</span> 
</button> 
<input type="checkbox" name="delete" value="1" class="toggle"> 
{% } else { %} 
<button class="btn btn-warning cancel"> 
<i class="icon-ban-circle"></i> 
<span>取消</span> 
</button> 
{% } %} 
</td> 
</tr> 
{% } %} 
</script> 
<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
<script src="/assets/js/vendor/jquery.ui.widget.js"></script> 
<!-- The Templates plugin is included to render the upload/download listings -->
<script src="/assets/js/tmpl.js"></script> 
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
<script src="/assets/js/load-image.min.js"></script> 
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="/assets/js/canvas-to-blob.js"></script> 
<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
<!--<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>-->
<!-- blueimp Gallery script -->
<script src="/assets/js/jquery.blueimp-gallery.min.js"></script> 
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
<script src="/assets/js/jquery.iframe-transport.js"></script> 
<!-- The basic File Upload plugin -->
<script src="/assets/js/jquery.fileupload.js"></script> 
<!-- The File Upload processing plugin -->
<script src="/assets/js/jquery.fileupload-process.js"></script> 
<!-- The File Upload image preview & resize plugin -->
<script src="/assets/js/jquery.fileupload-image.js"></script> 
<!-- The File Upload audio preview plugin -->
<!--<script src="/assets/js/jquery.fileupload-audio.js"></script>-->
<!-- The File Upload video preview plugin -->
<!--<script src="/assets/js/jquery.fileupload-video.js"></script>-->
<!-- The File Upload validation plugin -->
<script src="/assets/js/jquery.fileupload-validate.js"></script> 
<!-- The File Upload user interface plugin -->
<script src="/assets/js/jquery.fileupload-ui.js"></script> 
<!-- The main application script -->
<script src="/assets/js/main.js"></script> 
<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE 8 and IE 9 -->
<!--[if (gte IE 8)&(lt IE 10)]> 
<script src="/assets/js/cors/jquery.xdr-transport.js"></script> 
<![endif]-->
<!--  底部  -->
</body> 
</html>

然后我们看一下Controllers页

 

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); 
class Uploads extends CI_Controller { 
public function __construct() { 
parent::__construct(); 
$this->load->helper('check'); 
$this->load->helper('url'); 
$this->load->library('session'); 
} 
public function index() 
{ 
$this->load->view('uploads/index'); 
} 
function get_server_var($id) { 
return isset($_SERVER[$id]) ? $_SERVER[$id] : ''; 
} 
function get_full_url() { 
$https = !empty($_SERVER['HTTPS']) && strcasecmp($_SERVER['HTTPS'], 'on') === 0; 
return
($https ? 'https://' : 'http://'). 
(!empty($_SERVER['REMOTE_USER']) ? $_SERVER['REMOTE_USER'].'@' : ''). 
(isset($_SERVER['HTTP_HOST']) ? $_SERVER['HTTP_HOST'] : ($_SERVER['SERVER_NAME']. 
($https && $_SERVER['SERVER_PORT'] === 443 || 
$_SERVER['SERVER_PORT'] === 80 ? '' : ':'.$_SERVER['SERVER_PORT']))). 
substr($_SERVER['SCRIPT_NAME'],0, strrpos($_SERVER['SCRIPT_NAME'], '/')); 
} 
public function do_upload() 
{ 
//file_put_contents('uploads/test.txt', json_encode($_POST)); 
require_once './application/libraries/UploadHandler.php'; 
$dir_token = $this->input->get('dir_token'); 
$action = $this->input->get('action'); 
if($action == 'add') { 
$user_own_dir = date('Ymd') . '/' . $dir_token . '/'; 
} 
if($action == 'upd') { 
$user_own_dir = $dir_token ; 
} 
$options = array( 
'script_url' => $this->get_full_url().'/uploads/do_upload?action='.$action.'&dir_token='.$dir_token, 
'upload_dir' => dirname($this->get_server_var('SCRIPT_FILENAME')) . '/uploads/' . $user_own_dir, 
'upload_url' => $this->get_full_url() . '/uploads/' . $user_own_dir, 
); 
$uploadHandler = new UploadHandler($options); 
} 
} 
/* End of file upload.php */
/* Location: ./application/controllers/upload.php */

这里可以控制上传的路径,把参数传给一个图片列UploadHandler

 

<?php 
/* 
* jQuery File Upload Plugin PHP Class 6.9.0 
* https://github.com/blueimp/jQuery-File-Upload 
* 
* Copyright 2010, Sebastian Tschan 
* https://blueimp.net 
* 
* Licensed under the MIT license: 
* http://www.opensource.org/licenses/MIT 
*/
class UploadHandler 
{ 
protected $options; 
// PHP File Upload error message codes: 
// http://php.net/manual/en/features.file-upload.errors.php 
protected $error_messages = array( 
1 => 'The uploaded file exceeds the upload_max_filesize directive in php.ini', 
2 => 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form', 
3 => 'The uploaded file was only partially uploaded', 
4 => 'No file was uploaded', 
6 => 'Missing a temporary folder', 
7 => 'Failed to write file to disk', 
8 => 'A PHP extension stopped the file upload', 
'post_max_size' => 'The uploaded file exceeds the post_max_size directive in php.ini', 
'max_file_size' => 'File is too big', 
'min_file_size' => 'File is too small', 
'accept_file_types' => 'Filetype not allowed', 
'max_number_of_files' => 'Maximum number of files exceeded', 
'max_width' => 'Image exceeds maximum width', 
'min_width' => 'Image requires a minimum width', 
'max_height' => 'Image exceeds maximum height', 
'min_height' => 'Image requires a minimum height'
); 
function __construct($options = null, $initialize = true, $error_messages = null) { 
$this->options = array( 
//'script_url' => $this->get_full_url().'/uploads/do_upload', 
//'upload_dir' => dirname($this->get_server_var('SCRIPT_FILENAME')).'/uploads/', 
//'upload_url' => $this->get_full_url().'/uploads/', 
'user_dirs' => false, 
'mkdir_mode' => 0755, 
'param_name' => 'files', 
// Set the following option to 'POST', if your server does not support 
// DELETE requests. This is a parameter sent to the client: 
'delete_type' => 'DELETE', 
'access_control_allow_origin' => '*', 
'access_control_allow_credentials' => false, 
'access_control_allow_methods' => array( 
'OPTIONS', 
'HEAD', 
'GET', 
'POST', 
'PUT', 
'PATCH', 
'DELETE'
), 
'access_control_allow_headers' => array( 
'Content-Type', 
'Content-Range', 
'Content-Disposition'
), 
// Enable to provide file downloads via GET requests to the PHP script: 
//     1. Set to 1 to download files via readfile method through PHP 
//     2. Set to 2 to send a X-Sendfile header for lighttpd/Apache 
//     3. Set to 3 to send a X-Accel-Redirect header for nginx 
// If set to 2 or 3, adjust the upload_url option to the base path of 
// the redirect parameter, e.g. '/files/'. 
'download_via_php' => false, 
// Read files in chunks to avoid memory limits when download_via_php 
// is enabled, set to 0 to disable chunked reading of files: 
'readfile_chunk_size' => 10 * 1024 * 1024, // 10 MiB 
// Defines which files can be displayed inline when downloaded: 
'inline_file_types' => '/\.(gif|jpe?g|png)$/i', 
// Defines which files (based on their names) are accepted for upload: 
'accept_file_types' => '/.+$/i', 
// The php.ini settings upload_max_filesize and post_max_size 
// take precedence over the following max_file_size setting: 
'max_file_size' => 2 * 1024 * 1024 , 
'min_file_size' => 1, 
// The maximum number of files for the upload directory: 
'max_number_of_files' => 6, 
// Image resolution restrictions: 
'max_width' => null, 
'max_height' => null, 
'min_width' => 1, 
'min_height' => 1, 
// Set the following option to false to enable resumable uploads: 
'discard_aborted_uploads' => true, 
// Set to false to disable rotating images based on EXIF meta data: 
'orient_image' => true, 
'image_versions' => array( 
// Uncomment the following version to restrict the size of 
// uploaded images: 
/* 
'' => array( 
'max_width' => 1920, 
'max_height' => 1200, 
'jpeg_quality' => 95 
), 
*/
// Uncomment the following to create medium sized images: 
/* 
'medium' => array( 
'max_width' => 800, 
'max_height' => 600, 
'jpeg_quality' => 80 
), 
*/
'thumbnail' => array( 
// Uncomment the following to use a defined directory for the thumbnails 
// instead of a subdirectory based on the version identifier. 
// Make sure that this directory doesn't allow execution of files if you 
// don't pose any restrictions on the type of uploaded files, e.g. by 
// copying the .htaccess file from the files directory for Apache: 
//'upload_dir' => dirname($this->get_server_var('SCRIPT_FILENAME')).'/thumb/', 
//'upload_url' => $this->get_full_url().'/thumb/', 
// Uncomment the following to force the max 
// dimensions and e.g. create square thumbnails: 
//'crop' => true, 
'max_width' => 80, 
'max_height' => 80 
) 
) 
); 
if ($options) { 
$this->options = array_merge($this->options, $options); 
} 
if ($error_messages) { 
$this->error_messages = array_merge($this->error_messages, $error_messages); 
} 
if ($initialize) { 
$this->initialize(); 
} 
} 
protected function initialize() { 
switch ($this->get_server_var('REQUEST_METHOD')) { 
case 'OPTIONS': 
case 'HEAD': 
$this->head(); 
break; 
case 'GET': 
$this->get(); 
break; 
case 'PATCH': 
case 'PUT': 
case 'POST': 
$this->post(); 
break; 
case 'DELETE': 
$this->delete(); 
break; 
default: 
$this->header('HTTP/1.1 405 Method Not Allowed'); 
} 
} 
protected function get_full_url() { 
$https = !empty($_SERVER['HTTPS']) && strcasecmp($_SERVER['HTTPS'], 'on') === 0; 
return
($https ? 'https://' : 'http://'). 
(!empty($_SERVER['REMOTE_USER']) ? $_SERVER['REMOTE_USER'].'@' : ''). 
(isset($_SERVER['HTTP_HOST']) ? $_SERVER['HTTP_HOST'] : ($_SERVER['SERVER_NAME']. 
($https && $_SERVER['SERVER_PORT'] === 443 || 
$_SERVER['SERVER_PORT'] === 80 ? '' : ':'.$_SERVER['SERVER_PORT']))). 
substr($_SERVER['SCRIPT_NAME'],0, strrpos($_SERVER['SCRIPT_NAME'], '/')); 
} 
protected function get_user_id() { 
@session_start(); 
return session_id(); 
} 
protected function get_user_path() { 
if ($this->options['user_dirs']) { 
return $this->get_user_id().'/'; 
} 
return ''; 
} 
protected function get_upload_path($file_name = null, $version = null) { 
$file_name = $file_name ? $file_name : ''; 
if (empty($version)) { 
$version_path = ''; 
} else { 
$version_dir = @$this->options['image_versions'][$version]['upload_dir']; 
if ($version_dir) { 
return $version_dir.$this->get_user_path().$file_name; 
} 
$version_path = $version.'/'; 
} 
return $this->options['upload_dir'].$this->get_user_path() 
.$version_path.$file_name; 
} 
protected function get_query_separator($url) { 
return strpos($url, '?') === false ? '?' : '&'; 
} 
protected function get_download_url($file_name, $version = null, $direct = false) { 
if (!$direct && $this->options['download_via_php']) { 
$url = $this->options['script_url'] 
.$this->get_query_separator($this->options['script_url']) 
.'file='.rawurlencode($file_name); 
if ($version) { 
$url .= '&version='.rawurlencode($version); 
} 
return $url.'&download=1'; 
} 
if (empty($version)) { 
$version_path = ''; 
} else { 
$version_url = @$this->options['image_versions'][$version]['upload_url']; 
if ($version_url) { 
return $version_url.$this->get_user_path().rawurlencode($file_name); 
} 
$version_path = rawurlencode($version).'/'; 
} 
return $this->options['upload_url'].$this->get_user_path() 
.$version_path.rawurlencode($file_name); 
} 
protected function set_additional_file_properties($file) { 
$file->deleteUrl = $this->options['script_url'] 
.$this->get_query_separator($this->options['script_url']) 
.$this->get_singular_param_name() 
.'='.rawurlencode($file->name); 
$file->deleteType = $this->options['delete_type']; 
if ($file->deleteType !== 'DELETE') { 
$file->deleteUrl .= '&_method=DELETE'; 
} 
if ($this->options['access_control_allow_credentials']) { 
$file->deleteWithCredentials = true; 
} 
} 
// Fix for overflowing signed 32 bit integers, 
// works for sizes up to 2^32-1 bytes (4 GiB - 1): 
protected function fix_integer_overflow($size) { 
if ($size < 0) { 
$size += 2.0 * (PHP_INT_MAX + 1); 
} 
return $size; 
} 
protected function get_file_size($file_path, $clear_stat_cache = false) { 
if ($clear_stat_cache) { 
clearstatcache(true, $file_path); 
} 
return $this->fix_integer_overflow(filesize($file_path)); 
} 
protected function is_valid_file_object($file_name) { 
$file_path = $this->get_upload_path($file_name); 
if (is_file($file_path) && $file_name[0] !== '.') { 
return true; 
} 
return false; 
} 
protected function get_file_object($file_name) { 
if ($this->is_valid_file_object($file_name)) { 
$file = new stdClass(); 
$file->name = $file_name; 
$file->size = $this->get_file_size( 
$this->get_upload_path($file_name) 
); 
$file->url = $this->get_download_url($file->name); 
foreach($this->options['image_versions'] as $version => $options) { 
if (!empty($version)) { 
if (is_file($this->get_upload_path($file_name, $version))) { 
$file->{$version.'Url'} = $this->get_download_url( 
$file->name, 
$version
); 
} 
} 
} 
$this->set_additional_file_properties($file); 
return $file; 
} 
return null; 
} 
protected function get_file_objects($iteration_method = 'get_file_object') { 
$upload_dir = $this->get_upload_path(); 
if (!is_dir($upload_dir)) { 
return array(); 
} 
return array_values(array_filter(array_map( 
array($this, $iteration_method), 
scandir($upload_dir) 
))); 
} 
protected function count_file_objects() { 
return count($this->get_file_objects('is_valid_file_object')); 
} 
protected function create_scaled_image($file_name, $version, $options) { 
$file_path = $this->get_upload_path($file_name); 
if (!empty($version)) { 
$version_dir = $this->get_upload_path(null, $version); 
if (!is_dir($version_dir)) { 
mkdir($version_dir, $this->options['mkdir_mode'], true); 
} 
$new_file_path = $version_dir.'/'.$file_name; 
} else { 
$new_file_path = $file_path; 
} 
if (!function_exists('getimagesize')) { 
error_log('Function not found: getimagesize'); 
return false; 
} 
list($img_width, $img_height) = @getimagesize($file_path); 
if (!$img_width || !$img_height) { 
return false; 
} 
$max_width = $options['max_width']; 
$max_height = $options['max_height']; 
$scale = min( 
$max_width / $img_width, 
$max_height / $img_height
); 
if ($scale >= 1) { 
if ($file_path !== $new_file_path) { 
return copy($file_path, $new_file_path); 
} 
return true; 
} 
if (!function_exists('imagecreatetruecolor')) { 
error_log('Function not found: imagecreatetruecolor'); 
return false; 
} 
if (empty($options['crop'])) { 
$new_width = $img_width * $scale; 
$new_height = $img_height * $scale; 
$dst_x = 0; 
$dst_y = 0; 
$new_img = imagecreatetruecolor($new_width, $new_height); 
} else { 
if (($img_width / $img_height) >= ($max_width / $max_height)) { 
$new_width = $img_width / ($img_height / $max_height); 
$new_height = $max_height; 
} else { 
$new_width = $max_width; 
$new_height = $img_height / ($img_width / $max_width); 
} 
$dst_x = 0 - ($new_width - $max_width) / 2; 
$dst_y = 0 - ($new_height - $max_height) / 2; 
$new_img = imagecreatetruecolor($max_width, $max_height); 
} 
switch (strtolower(substr(strrchr($file_name, '.'), 1))) { 
case 'jpg': 
case 'jpeg': 
$src_img = imagecreatefromjpeg($file_path); 
$write_image = 'imagejpeg'; 
$image_quality = isset($options['jpeg_quality']) ? 
$options['jpeg_quality'] : 75; 
break; 
case 'gif': 
imagecolortransparent($new_img, imagecolorallocate($new_img, 0, 0, 0)); 
$src_img = imagecreatefromgif($file_path); 
$write_image = 'imagegif'; 
$image_quality = null; 
break; 
case 'png': 
imagecolortransparent($new_img, imagecolorallocate($new_img, 0, 0, 0)); 
imagealphablending($new_img, false); 
imagesavealpha($new_img, true); 
$src_img = imagecreatefrompng($file_path); 
$write_image = 'imagepng'; 
$image_quality = isset($options['png_quality']) ? 
$options['png_quality'] : 9; 
break; 
default: 
imagedestroy($new_img); 
return false; 
} 
$success = imagecopyresampled( 
$new_img, 
$src_img, 
$dst_x, 
$dst_y, 
0, 
0, 
$new_width, 
$new_height, 
$img_width, 
$img_height
) && $write_image($new_img, $new_file_path, $image_quality); 
// Free up memory (imagedestroy does not delete files): 
imagedestroy($src_img); 
imagedestroy($new_img); 
return $success; 
} 
protected function get_error_message($error) { 
return array_key_exists($error, $this->error_messages) ? 
$this->error_messages[$error] : $error; 
} 
function get_config_bytes($val) { 
$val = trim($val); 
$last = strtolower($val[strlen($val)-1]); 
switch($last) { 
case 'g': 
$val *= 1024; 
case 'm': 
$val *= 1024; 
case 'k': 
$val *= 1024; 
} 
return $this->fix_integer_overflow($val); 
} 
protected function validate($uploaded_file, $file, $error, $index) { 
if ($error) { 
$file->error = $this->get_error_message($error); 
return false; 
} 
$content_length = $this->fix_integer_overflow(intval( 
$this->get_server_var('CONTENT_LENGTH') 
)); 
$post_max_size = $this->get_config_bytes(ini_get('post_max_size')); 
if ($post_max_size && ($content_length > $post_max_size)) { 
$file->error = $this->get_error_message('post_max_size'); 
return false; 
} 
if (!preg_match($this->options['accept_file_types'], $file->name)) { 
$file->error = $this->get_error_message('accept_file_types'); 
return false; 
} 
if ($uploaded_file && is_uploaded_file($uploaded_file)) { 
$file_size = $this->get_file_size($uploaded_file); 
} else { 
$file_size = $content_length; 
} 
if ($this->options['max_file_size'] && ( 
$file_size > $this->options['max_file_size'] || 
$file->size > $this->options['max_file_size']) 
) { 
$file->error = $this->get_error_message('max_file_size'); 
return false; 
} 
if ($this->options['min_file_size'] && 
$file_size < $this->options['min_file_size']) { 
$file->error = $this->get_error_message('min_file_size'); 
return false; 
} 
if (is_int($this->options['max_number_of_files']) && ( 
$this->count_file_objects() >= $this->options['max_number_of_files']) 
) { 
$file->error = $this->get_error_message('max_number_of_files'); 
return false; 
} 
list($img_width, $img_height) = @getimagesize($uploaded_file); 
if (is_int($img_width)) { 
if ($this->options['max_width'] && $img_width > $this->options['max_width']) { 
$file->error = $this->get_error_message('max_width'); 
return false; 
} 
if ($this->options['max_height'] && $img_height > $this->options['max_height']) { 
$file->error = $this->get_error_message('max_height'); 
return false; 
} 
if ($this->options['min_width'] && $img_width < $this->options['min_width']) { 
$file->error = $this->get_error_message('min_width'); 
return false; 
} 
if ($this->options['min_height'] && $img_height < $this->options['min_height']) { 
$file->error = $this->get_error_message('min_height'); 
return false; 
} 
} 
return true; 
} 
protected function upcount_name_callback($matches) { 
$index = isset($matches[1]) ? intval($matches[1]) + 1 : 1; 
$ext = isset($matches[2]) ? $matches[2] : ''; 
return ' ('.$index.')'.$ext; 
} 
protected function upcount_name($name) { 
return preg_replace_callback( 
'/(?:(?: \(([\d]+)\))?(\.[^.]+))?$/', 
array($this, 'upcount_name_callback'), 
$name, 
1 
); 
} 
protected function get_unique_filename($name, 
$type = null, $index = null, $content_range = null) { 
while(is_dir($this->get_upload_path($name))) { 
$name = $this->upcount_name($name); 
} 
// Keep an existing filename if this is part of a chunked upload: 
$uploaded_bytes = $this->fix_integer_overflow(intval($content_range[1])); 
while(is_file($this->get_upload_path($name))) { 
if ($uploaded_bytes === $this->get_file_size( 
$this->get_upload_path($name))) { 
break; 
} 
$name = $this->upcount_name($name); 
} 
return $name; 
} 
protected function trim_file_name($name, 
$type = null, $index = null, $content_range = null) { 
// Remove path information and dots around the filename, to prevent uploading 
// into different directories or replacing hidden system files. 
// Also remove control characters and spaces (\x00..\x20) around the filename: 
$name = trim(basename(stripslashes($name)), ".\x00..\x20"); 
// Use a timestamp for empty filenames: 
if (!$name) { 
$name = str_replace('.', '-', microtime(true)); 
} 
// Add missing file extension for known image types: 
if (strpos($name, '.') === false && 
preg_match('/^image\/(gif|jpe?g|png)/', $type, $matches)) { 
$name .= '.'.$matches[1]; 
} 
return $name; 
} 
protected function get_file_name($name, 
$type = null, $index = null, $content_range = null) { 
return $this->get_unique_filename( 
$this->trim_file_name($name, $type, $index, $content_range), 
$type, 
$index, 
$content_range
); 
} 
protected function handle_form_data($file, $index) { 
// Handle form data, e.g. $_REQUEST['description'][$index] 
} 
protected function imageflip($image, $mode) { 
if (function_exists('imageflip')) { 
return imageflip($image, $mode); 
} 
$new_width = $src_width = imagesx($image); 
$new_height = $src_height = imagesy($image); 
$new_img = imagecreatetruecolor($new_width, $new_height); 
$src_x = 0; 
$src_y = 0; 
switch ($mode) { 
case '1': // flip on the horizontal axis 
$src_y = $new_height - 1; 
$src_height = -$new_height; 
break; 
case '2': // flip on the vertical axis 
$src_x  = $new_width - 1; 
$src_width = -$new_width; 
break; 
case '3': // flip on both axes 
$src_y = $new_height - 1; 
$src_height = -$new_height; 
$src_x  = $new_width - 1; 
$src_width = -$new_width; 
break; 
default: 
return $image; 
} 
imagecopyresampled( 
$new_img, 
$image, 
0, 
0, 
$src_x, 
$src_y, 
$new_width, 
$new_height, 
$src_width, 
$src_height
); 
// Free up memory (imagedestroy does not delete files): 
imagedestroy($image); 
return $new_img; 
} 
protected function orient_image($file_path) { 
if (!function_exists('exif_read_data')) { 
return false; 
} 
$exif = @exif_read_data($file_path); 
if ($exif === false) { 
return false; 
} 
$orientation = intval(@$exif['Orientation']); 
if ($orientation < 2 || $orientation > 8) { 
return false; 
} 
$image = imagecreatefromjpeg($file_path); 
switch ($orientation) { 
case 2: 
$image = $this->imageflip( 
$image, 
defined('IMG_FLIP_VERTICAL') ? IMG_FLIP_VERTICAL : 2 
); 
break; 
case 3: 
$image = imagerotate($image, 180, 0); 
break; 
case 4: 
$image = $this->imageflip( 
$image, 
defined('IMG_FLIP_HORIZONTAL') ? IMG_FLIP_HORIZONTAL : 1 
); 
break; 
case 5: 
$image = $this->imageflip( 
$image, 
defined('IMG_FLIP_HORIZONTAL') ? IMG_FLIP_HORIZONTAL : 1 
); 
$image = imagerotate($image, 270, 0); 
break; 
case 6: 
$image = imagerotate($image, 270, 0); 
break; 
case 7: 
$image = $this->imageflip( 
$image, 
defined('IMG_FLIP_VERTICAL') ? IMG_FLIP_VERTICAL : 2 
); 
$image = imagerotate($image, 270, 0); 
break; 
case 8: 
$image = imagerotate($image, 90, 0); 
break; 
default: 
return false; 
} 
$success = imagejpeg($image, $file_path); 
// Free up memory (imagedestroy does not delete files): 
imagedestroy($image); 
return $success; 
} 
protected function handle_image_file($file_path, $file) { 
if ($this->options['orient_image']) { 
$this->orient_image($file_path); 
} 
$failed_versions = array(); 
foreach($this->options['image_versions'] as $version => $options) { 
if ($this->create_scaled_image($file->name, $version, $options)) { 
if (!empty($version)) { 
$file->{$version.'Url'} = $this->get_download_url( 
$file->name, 
$version
); 
} else { 
$file->size = $this->get_file_size($file_path, true); 
} 
} else { 
$failed_versions[] = $version; 
} 
} 
switch (count($failed_versions)) { 
case 0: 
break; 
case 1: 
$file->error = 'Failed to create scaled version: '
.$failed_versions[0]; 
break; 
default: 
$file->error = 'Failed to create scaled versions: '
.implode($failed_versions,', '); 
} 
} 
protected function handle_file_upload($uploaded_file, $name, $size, $type, $error, 
$index = null, $content_range = null) { 
$file = new stdClass(); 
$file->name = $this->get_file_name($name, $type, $index, $content_range); 
$file->size = $this->fix_integer_overflow(intval($size)); 
$file->type = $type; 
if ($this->validate($uploaded_file, $file, $error, $index)) { 
$this->handle_form_data($file, $index); 
$upload_dir = $this->get_upload_path(); 
if (!is_dir($upload_dir)) { 
mkdir($upload_dir, $this->options['mkdir_mode'], true); 
} 
$file_path = $this->get_upload_path($file->name); 
$append_file = $content_range && is_file($file_path) && 
$file->size > $this->get_file_size($file_path); 
if ($uploaded_file && is_uploaded_file($uploaded_file)) { 
// multipart/formdata uploads (POST method uploads) 
if ($append_file) { 
file_put_contents( 
$file_path, 
fopen($uploaded_file, 'r'), 
FILE_APPEND 
); 
} else { 
move_uploaded_file($uploaded_file, $file_path); 
} 
} else { 
// Non-multipart uploads (PUT method support) 
file_put_contents( 
$file_path, 
fopen('php://input', 'r'), 
$append_file ? FILE_APPEND : 0 
); 
} 
$file_size = $this->get_file_size($file_path, $append_file); 
if ($file_size === $file->size) { 
$file->url = $this->get_download_url($file->name); 
list($img_width, $img_height) = @getimagesize($file_path); 
if (is_int($img_width) && 
preg_match($this->options['inline_file_types'], $file->name)) { 
$this->handle_image_file($file_path, $file); 
} 
} else { 
$file->size = $file_size; 
if (!$content_range && $this->options['discard_aborted_uploads']) { 
unlink($file_path); 
$file->error = 'abort'; 
} 
} 
$this->set_additional_file_properties($file); 
} 
return $file; 
} 
protected function readfile($file_path) { 
$file_size = $this->get_file_size($file_path); 
$chunk_size = $this->options['readfile_chunk_size']; 
if ($chunk_size && $file_size > $chunk_size) { 
$handle = fopen($file_path, 'rb'); 
while (!feof($handle)) { 
echo fread($handle, $chunk_size); 
ob_flush(); 
flush(); 
} 
fclose($handle); 
return $file_size; 
} 
return readfile($file_path); 
} 
protected function body($str) { 
echo $str; 
} 
protected function header($str) { 
header($str); 
} 
protected function get_server_var($id) { 
return isset($_SERVER[$id]) ? $_SERVER[$id] : ''; 
} 
protected function generate_response($content, $print_response = true) { 
if ($print_response) { 
$json = json_encode($content); 
$redirect = isset($_REQUEST['redirect']) ? 
stripslashes($_REQUEST['redirect']) : null; 
if ($redirect) { 
$this->header('Location: '.sprintf($redirect, rawurlencode($json))); 
return; 
} 
$this->head(); 
if ($this->get_server_var('HTTP_CONTENT_RANGE')) { 
$files = isset($content[$this->options['param_name']]) ? 
$content[$this->options['param_name']] : null; 
if ($files && is_array($files) && is_object($files[0]) && $files[0]->size) { 
$this->header('Range: 0-'.( 
$this->fix_integer_overflow(intval($files[0]->size)) - 1 
)); 
} 
} 
$this->body($json); 
} 
return $content; 
} 
protected function get_version_param() { 
return isset($_GET['version']) ? basename(stripslashes($_GET['version'])) : null; 
} 
protected function get_singular_param_name() { 
return substr($this->options['param_name'], 0, -1); 
} 
protected function get_file_name_param() { 
$name = $this->get_singular_param_name(); 
return isset($_GET[$name]) ? basename(stripslashes($_GET[$name])) : null; 
} 
protected function get_file_names_params() { 
$params = isset($_GET[$this->options['param_name']]) ? 
$_GET[$this->options['param_name']] : array(); 
foreach ($params as $key => $value) { 
$params[$key] = basename(stripslashes($value)); 
} 
return $params; 
} 
protected function get_file_type($file_path) { 
switch (strtolower(pathinfo($file_path, PATHINFO_EXTENSION))) { 
case 'jpeg': 
case 'jpg': 
return 'image/jpeg'; 
case 'png': 
return 'image/png'; 
case 'gif': 
return 'image/gif'; 
default: 
return ''; 
} 
} 
protected function download() { 
switch ($this->options['download_via_php']) { 
case 1: 
$redirect_header = null; 
break; 
case 2: 
$redirect_header = 'X-Sendfile'; 
break; 
case 3: 
$redirect_header = 'X-Accel-Redirect'; 
break; 
default: 
return $this->header('HTTP/1.1 403 Forbidden'); 
} 
$file_name = $this->get_file_name_param(); 
if (!$this->is_valid_file_object($file_name)) { 
return $this->header('HTTP/1.1 404 Not Found'); 
} 
if ($redirect_header) { 
return $this->header( 
$redirect_header.': '.$this->get_download_url( 
$file_name, 
$this->get_version_param(), 
true 
) 
); 
} 
$file_path = $this->get_upload_path($file_name, $this->get_version_param()); 
// Prevent browsers from MIME-sniffing the content-type: 
$this->header('X-Content-Type-Options: nosniff'); 
if (!preg_match($this->options['inline_file_types'], $file_name)) { 
$this->header('Content-Type: application/octet-stream'); 
$this->header('Content-Disposition: attachment; filename="'.$file_name.'"'); 
} else { 
$this->header('Content-Type: '.$this->get_file_type($file_path)); 
$this->header('Content-Disposition: inline; filename="'.$file_name.'"'); 
} 
$this->header('Content-Length: '.$this->get_file_size($file_path)); 
$this->header('Last-Modified: '.gmdate('D, d M Y H:i:s T', filemtime($file_path))); 
$this->readfile($file_path); 
} 
protected function send_content_type_header() { 
$this->header('Vary: Accept'); 
if (strpos($this->get_server_var('HTTP_ACCEPT'), 'application/json') !== false) { 
$this->header('Content-type: application/json'); 
} else { 
$this->header('Content-type: text/plain'); 
} 
} 
protected function send_access_control_headers() { 
$this->header('Access-Control-Allow-Origin: '.$this->options['access_control_allow_origin']); 
$this->header('Access-Control-Allow-Credentials: '
.($this->options['access_control_allow_credentials'] ? 'true' : 'false')); 
$this->header('Access-Control-Allow-Methods: '
.implode(', ', $this->options['access_control_allow_methods'])); 
$this->header('Access-Control-Allow-Headers: '
.implode(', ', $this->options['access_control_allow_headers'])); 
} 
public function head() { 
$this->header('Pragma: no-cache'); 
$this->header('Cache-Control: no-store, no-cache, must-revalidate'); 
$this->header('Content-Disposition: inline; filename="files.json"'); 
// Prevent Internet Explorer from MIME-sniffing the content-type: 
$this->header('X-Content-Type-Options: nosniff'); 
if ($this->options['access_control_allow_origin']) { 
$this->send_access_control_headers(); 
} 
$this->send_content_type_header(); 
} 
public function get($print_response = true) { 
if ($print_response && isset($_GET['download'])) { 
return $this->download(); 
} 
$file_name = $this->get_file_name_param(); 
if ($file_name) { 
$response = array( 
$this->get_singular_param_name() => $this->get_file_object($file_name) 
); 
} else { 
$response = array( 
$this->options['param_name'] => $this->get_file_objects() 
); 
} 
return $this->generate_response($response, $print_response); 
} 
public function post($print_response = true) { 
if (isset($_REQUEST['_method']) && $_REQUEST['_method'] === 'DELETE') { 
return $this->delete($print_response); 
} 
$upload = isset($_FILES[$this->options['param_name']]) ? 
$_FILES[$this->options['param_name']] : null; 
// Parse the Content-Disposition header, if available: 
$file_name = $this->get_server_var('HTTP_CONTENT_DISPOSITION') ? 
rawurldecode(preg_replace( 
'/(^[^"]+")|("$)/', 
'', 
$this->get_server_var('HTTP_CONTENT_DISPOSITION') 
)) : null; 
// Parse the Content-Range header, which has the following form: 
// Content-Range: bytes 0-524287/2000000 
$content_range = $this->get_server_var('HTTP_CONTENT_RANGE') ? 
preg_split('/[^0-9]+/', $this->get_server_var('HTTP_CONTENT_RANGE')) : null; 
$size =  $content_range ? $content_range[3] : null; 
$files = array(); 
if ($upload && is_array($upload['tmp_name'])) { 
// param_name is an array identifier like "files[]", 
// $_FILES is a multi-dimensional array: 
foreach ($upload['tmp_name'] as $index => $value) { 
$files[] = $this->handle_file_upload( 
$upload['tmp_name'][$index], 
$file_name ? $file_name : $upload['name'][$index], 
$size ? $size : $upload['size'][$index], 
$upload['type'][$index], 
$upload['error'][$index], 
$index, 
$content_range
); 
} 
} else { 
// param_name is a single object identifier like "file", 
// $_FILES is a one-dimensional array: 
$files[] = $this->handle_file_upload( 
isset($upload['tmp_name']) ? $upload['tmp_name'] : null, 
$file_name ? $file_name : (isset($upload['name']) ? 
$upload['name'] : null), 
$size ? $size : (isset($upload['size']) ? 
$upload['size'] : $this->get_server_var('CONTENT_LENGTH')), 
isset($upload['type']) ? 
$upload['type'] : $this->get_server_var('CONTENT_TYPE'), 
isset($upload['error']) ? $upload['error'] : null, 
null, 
$content_range
); 
} 
return $this->generate_response( 
array($this->options['param_name'] => $files), 
$print_response
); 
} 
public function delete($print_response = true) { 
$file_names = $this->get_file_names_params(); 
if (empty($file_names)) { 
$file_names = array($this->get_file_name_param()); 
} 
$response = array(); 
foreach($file_names as $file_name) { 
$file_path = $this->get_upload_path($file_name); 
$success = is_file($file_path) && $file_name[0] !== '.' && unlink($file_path); 
if ($success) { 
foreach($this->options['image_versions'] as $version => $options) { 
if (!empty($version)) { 
$file = $this->get_upload_path($file_name, $version); 
if (is_file($file)) { 
unlink($file); 
} 
} 
} 
} 
$response[$file_name] = $success; 
} 
return $this->generate_response($response, $print_response); 
} 
}

如果想修改控制器的路径可以修改main.js如下:

200344534.png


延伸阅读:

Tag标签: 文件上传   jQuery-File-Upload   CI框架  
  • 专题推荐

About IT165 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规