03-28 07:46 阅读 125

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

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

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

目录放对了之后，我们就可以写我们想要的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 p_w_picpaths and p_w_picpath resizing functionality --><script src="/assets/js/load-p_w_picpath.min.js"></script><!-- The Canvas to Blob plugin is included for p_w_picpath 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 p_w_picpath preview & resize plugin --><script src="/assets/js/jquery.fileupload-p_w_picpath.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 */

Controller这里可以控制上传的路径，把参数传给一个图片类UploadHandle.php，这里放在了libraries里面了，这里是实际的操作图片的地方。存储路径只需要在C里面初始化类的时候改变参数既可。

<?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.phpprotected $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 p_w_picpaths based on EXIF meta data:'orient_p_w_picpath' => true,'p_w_picpath_versions' => array(// Uncomment the following version to restrict the size of// uploaded p_w_picpaths:/*
'' => array(
'max_width' => 1920,
'max_height' => 1200,
'jpeg_quality' => 95
),
*/// Uncomment the following to create medium sized p_w_picpaths:/*
'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['p_w_picpath_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['p_w_picpath_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['p_w_picpath_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_p_w_picpath($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('getp_w_picpathsize')) {error_log('Function not found: getp_w_picpathsize');return false;}list($img_width, $img_height) = @getp_w_picpathsize($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('p_w_picpathcreatetruecolor')) {error_log('Function not found: p_w_picpathcreatetruecolor');return false;}if (empty($options['crop'])) {$new_width = $img_width * $scale;$new_height = $img_height * $scale;$dst_x = 0;$dst_y = 0;$new_img = p_w_picpathcreatetruecolor($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 = p_w_picpathcreatetruecolor($max_width, $max_height);}switch (strtolower(substr(strrchr($file_name, '.'), 1))) {case 'jpg':case 'jpeg':$src_img = p_w_picpathcreatefromjpeg($file_path);$write_p_w_picpath = 'p_w_picpathjpeg';$p_w_picpath_quality = isset($options['jpeg_quality']) ?$options['jpeg_quality'] : 75;break;case 'gif':p_w_picpathcolortransparent($new_img, p_w_picpathcolorallocate($new_img, 0, 0, 0));$src_img = p_w_picpathcreatefromgif($file_path);$write_p_w_picpath = 'p_w_picpathgif';$p_w_picpath_quality = null;break;case 'png':p_w_picpathcolortransparent($new_img, p_w_picpathcolorallocate($new_img, 0, 0, 0));p_w_picpathalphablending($new_img, false);p_w_picpathsavealpha($new_img, true);$src_img = p_w_picpathcreatefrompng($file_path);$write_p_w_picpath = 'p_w_picpathpng';$p_w_picpath_quality = isset($options['png_quality']) ?$options['png_quality'] : 9;break;default:p_w_picpathdestroy($new_img);return false;}$success = p_w_picpathcopyresampled($new_img,$src_img,$dst_x,$dst_y,0,0,$new_width,$new_height,$img_width,$img_height) && $write_p_w_picpath($new_img, $new_file_path, $p_w_picpath_quality);// Free up memory (p_w_picpathdestroy does not delete files):p_w_picpathdestroy($src_img);p_w_picpathdestroy($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) = @getp_w_picpathsize($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 p_w_picpath types:if (strpos($name, '.') === false &&preg_match('/^p_w_picpath\/(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 p_w_picpathflip($p_w_picpath, $mode) {if (function_exists('p_w_picpathflip')) {return p_w_picpathflip($p_w_picpath, $mode);}$new_width = $src_width = p_w_picpathsx($p_w_picpath);$new_height = $src_height = p_w_picpathsy($p_w_picpath);$new_img = p_w_picpathcreatetruecolor($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 $p_w_picpath;}p_w_picpathcopyresampled($new_img,$p_w_picpath,0,0,$src_x,$src_y,$new_width,$new_height,$src_width,$src_height);// Free up memory (p_w_picpathdestroy does not delete files):p_w_picpathdestroy($p_w_picpath);return $new_img;}protected function orient_p_w_picpath($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;}$p_w_picpath = p_w_picpathcreatefromjpeg($file_path);switch ($orientation) {case 2:$p_w_picpath = $this->p_w_picpathflip($p_w_picpath,defined('IMG_FLIP_VERTICAL') ? IMG_FLIP_VERTICAL : 2);break;case 3:$p_w_picpath = p_w_picpathrotate($p_w_picpath, 180, 0);break;case 4:$p_w_picpath = $this->p_w_picpathflip($p_w_picpath,defined('IMG_FLIP_HORIZONTAL') ? IMG_FLIP_HORIZONTAL : 1);break;case 5:$p_w_picpath = $this->p_w_picpathflip($p_w_picpath,defined('IMG_FLIP_HORIZONTAL') ? IMG_FLIP_HORIZONTAL : 1);$p_w_picpath = p_w_picpathrotate($p_w_picpath, 270, 0);break;case 6:$p_w_picpath = p_w_picpathrotate($p_w_picpath, 270, 0);break;case 7:$p_w_picpath = $this->p_w_picpathflip($p_w_picpath,defined('IMG_FLIP_VERTICAL') ? IMG_FLIP_VERTICAL : 2);$p_w_picpath = p_w_picpathrotate($p_w_picpath, 270, 0);break;case 8:$p_w_picpath = p_w_picpathrotate($p_w_picpath, 90, 0);break;default:return false;}$success = p_w_picpathjpeg($p_w_picpath, $file_path);// Free up memory (p_w_picpathdestroy does not delete files):p_w_picpathdestroy($p_w_picpath);return $success;}protected function handle_p_w_picpath_file($file_path, $file) {if ($this->options['orient_p_w_picpath']) {$this->orient_p_w_picpath($file_path);}$failed_versions = array();foreach($this->options['p_w_picpath_versions'] as $version => $options) {if ($this->create_scaled_p_w_picpath($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) = @getp_w_picpathsize($file_path);if (is_int($img_width) &&preg_match($this->options['inline_file_types'], $file->name)) {$this->handle_p_w_picpath_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 'p_w_picpath/jpeg';case 'png':return 'p_w_picpath/png';case 'gif':return 'p_w_picpath/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: p_w_upload; 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['p_w_picpath_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如下：