1. 홈
  2. 질의 응답
  3. 업로드 할 때 HTTP 오류가 발생하는 이유

업로드 할 때 HTTP 오류가 발생하는 이유

2012-10-30 4 views
2

내 갤러리를 만들려면 gallerycms를 선택했지만 내 codeigniter CMS에 모듈로 만들려고하면이 오류 HTTP 오류가 발생합니다. 모든 컨트롤러, 모델, 뷰, 코어 파일을 복사했지만이 오류가 나타나는 이유는 모르겠지만 여전히이 오류가 발생합니다.업로드 할 때 HTTP 오류가 발생하는 이유

주의 사항 : Gallerycms 좋은 일 uploadify하지만 모듈로 내 CMS에 추가 할 때이 오류 얻을 :

error capture

error from chrome console 불을 지르고 코드

<script type="text/javascript"> 
$(document).ready(function() { 
$('.btn-group > a').tooltip(); 
$('#upload-btn').hide(); 
$('#new-images').hide(); 
$('a.img-fancy').fancybox(); 
$('.image-delete-btn').click(function() { 
deleteUrl = $(this).attr('action'); 
}); 
$('#image-modal').on('show', function() { 
$('#image-modal-delete-btn').attr('href', deleteUrl); 
}); 
$("#sortable").sortable({ 
handle : '.drag-handle', 
update : function() { 
var order = $('#sortable').sortable('serialize', { key : 'order_num[]' }); 
$.ajax({ 
url : 'http://localhost/gallery/album/reorder?' + order, 
type : 'GET', 
cache : false, 
success : function(response) { 
$('#reorder-feedback').show(); 
$('#reorder-feedback').html('<a class="close" data-dismiss="alert">x</a><strong>Changed image order successfully.</strong>'); 
}, 
error : function(jqXHR, textStatus, errorThrown) { 
alert('An error occured when ordering the images.'); 
} 
}); 
} 
}); 
$("#sortable").disableSelection(); 
$('#file_upload').uploadify({ 
'uploader' : 'http://localhost/gallery/webroot/flash/uploadify.swf', 
'script' : 'http://localhost/gallery/api/upload/3', 
'cancelImg' : 'http://localhost/gallery/webroot/images/cancel.png', 
'folder' : '/webroot/uploads', 
'auto' : false, 
'multi' : true, 
'fileExt' : '*.jpg;*.jpeg;*.gif;*.png', 
'fileDesc' : 'Image files', 
'sizeLimit' : 2097152, // 2MB 
'wmode' : 'opaque', 
'onSelect' : function(event, ID, fileObj) { 
$('#upload-btn').show(); 
}, 
'onCancel' : function(event, ID, fileObj) { 
$('#upload-btn').hide(); 
}, 
'onError' : function(event, ID, fileObj, errorObj) { 
}, 
'onComplete' : function(event, ID, fileObj, response, data) { 
var fileName = response; 
$('#upload-btn').hide(); 
$('#new-images').show(); 
$.ajax({ 
url : 'http://localhost/gallery/album/resize/3/' + response, 
type : 'POST', 
cache : false, 
success : function(response) { 
if (response !== 'failure') { 
var new_image = '<li><img src="http://localhost/gallery/webroot/uploads/' + response + '" /><br />' + response + '</li>'; 
$('#new-image-list').append(new_image); 
} else { 
var fail_message = '<li>Thumbnail creation failed for: ' + fileObj.name + '</li>'; 
$('#new-image-list').append(fail_message); 
} 
}, 
error : function(jqXHR, textStatus, errorThrown) { 
alert('Error occurred when generating thumbnails.'); 
} 
}); 
} 
}); 
}); 
</script>

API를 컨트롤러

/** * 이미지 업로드를 처리합니다. * * @param 형 $의 album_id */

public function upload($album_id) 
    { 
    $config = array(); 
    $config['upload_path'] = './webroot/uploads/'; 
    $config['allowed_types'] = 'gif|jpg|png'; 
    $config['max_size']  = '2048'; // 2MB 
    $config['remove_spaces'] = TRUE; 
    $config['encrypt_name'] = TRUE; 
    $config['overwrite']  = FALSE; 
    $this->load->library('upload', $config); 
    if (! $this->upload->do_upload('Filedata')) 
    { 
     header('HTTP/1.1 500 Internal Server Error'); 
     exit(); 
    } 
    else 
    { 
     $upload_info = $this->upload->data(); 

     $album_config = $this->config_model->get_by_album_id($album_id); 

     // Insert file information into database 
     $now = date('Y-m-d H:i:s'); 
     $order_num = $this->image_model->get_last_order_num($album_id); 
     if (empty($order_num)) 
     { 
     $order_num = 0; 
     } 
     $order_num++; 
     $image_data = array(
     'album_id'  => $album_id, 
     'uuid'   => $this->create_uuid(), 
     'name'   => $upload_info['file_name'], 
     'order_num'  => $order_num, 
     'caption'  => '', 
     'raw_name'  => $upload_info['raw_name'], 
     'file_type'  => $upload_info['file_type'], 
     'file_name'  => $upload_info['file_name'], 
     'file_ext'  => $upload_info['file_ext'], 
     'file_size'  => $upload_info['file_size'], 
     'path'   => $config['upload_path'], 
     'full_path'  => $upload_info['full_path'], 
     'published'  => $album_config->auto_publish, 
     'created_at'  => $now, 
     'updated_at'  => $now, 
    ); 

     $image_id = $this->image_model->create($image_data); 


     $this->album_model->update(array('updated_at' => $now), $album_id); 

     echo $image_id; 
    } 
    } 




}

보기/images.php

<?php 
$includes = array(
    'js' => array('jquery-ui-1.8.18.custom.min.js', 'swfobject.js', 'jquery.uploadify.v2.1.4.min.js', 'fancybox/jquery.fancybox-1.3.4.pack.js'), 
    'css' => array('uploadify.css', 'fancybox/jquery.fancybox-1.3.4.css')); 
?> 
<?php $this->load->view('album/inc/header', $includes); ?> 

<?php if (isset($flash)): ?> 
<div class="alert alert-success"><a class="close" data-dismiss="alert">x</a><strong><?php echo $flash; ?></strong></div> 
<?php endif; ?> 

<div class="w100" style="margin-bottom: 10px;"> 

    <ul class="pager"> 
    <li class="previous"> 
     <a href="<?php echo base_url('album'); ?>">&larr; Back to albums</a> 
    </li> 
    </ul> 
    <div class="well"> 
    <h4 style="margin-bottom: 10px;">Upload images for album: <?php echo $album->name; ?></h4> 
    <input id="file_upload" type="file" name="file_upload" /> 
    <p id="upload-btn" style="margin:10px 0;"> 
     <a href="javascript:$('#file_upload').uploadifyUpload()" class="btn btn-primary btn-large">Upload Files</a> 
    </p> 
    <div id="new-images"> 
     <h4>Uploaded Images</h4> 
     <p><a class="btn" href="<?php echo site_url("album/images/$album->id"); ?>" style="margin: 10px 0;"><i class="icon-refresh"></i> Refresh</a></p> 
     <ul id="new-image-list"></ul> 
     <div class="clear"></div> 
    </div> 
    </div> 
</div> 

<div id="reorder-feedback" class="alert alert-success" style="display: none;"></div> 

<span class="left w75"> 
    <?php 
    $total_file_size = 0; 
    $total_images = 0; 
    $img_url = ''; 
    ?> 
    <?php if (isset($images)): ?> 
    <ul id="sortable"> 
    <?php foreach ($images as $image): ?> 
    <?php 
    $total_file_size += $image->file_size; 
    $total_images++; 
    $img_url = base_url() . 'webroot/uploads/' . $image->file_name; 
    ?> 
    <li id="image_<?php echo $image->id; ?>" class="ui-state-default" style="height: <?php echo $config->thumb_height + 10; ?>px"> 
     <div class="drag-handle" style="height: <?php echo $config->thumb_height + 5; ?>px"></div> 
     <div class="image-container"> 
     <a class="album-images img-fancy thumbnail" href="<?php echo $img_url; ?>" title="<?php echo $image->caption; ?>"> 
      <img src="<?php echo base_url() . 'webroot/uploads/' . $image->raw_name . '_thumb' . $image->file_ext . '?r=' . rand(); ?>" alt="<?php echo $image->caption; ?>" /> 
     </a> 
     </div> 
     <div class="info" style="left: <?php echo $config->thumb_width + 50; ?>px"> 
     File name: <?php echo $image->name; ?><br /> 
     Caption: 
      <?php if (empty($image->caption)): ?> 
      <a href="<?php echo site_url("image/edit/$album->id/$image->id"); ?>">Create one</a> 
      <?php else: ?> 
      <?php echo $image->caption; ?> 
      <?php endif; ?> 
      <br /> 
     <?php /* Comments: <?php echo $image->comments; ?><br /> */ ?> 
     File size: <?php echo $image->file_size; ?> KB<br /> 
     </div> 
     <div class="btn-group"> 
     <a href="<?php echo $img_url; ?>" class="btn img-fancy" rel="tooltip" data-original-title="Preview"><i class="icon-zoom-in"></i></a> 
     <a href="<?php echo site_url("image/download/$image->id"); ?>" class="btn" title="Download" rel="tooltip" data-original-title="Download"><i class="icon-download-alt"></i></a> 
     <a href="<?php echo site_url("image/edit/$album->id/$image->id"); ?>" class="btn" title="Edit" rel="tooltip" data-original-title="Edit"><i class="icon-pencil"></i></a> 
     <?php /* <a href="<?php echo site_url("image/comments/$album->id/$image->id"); ?>" class="btn" title="Comments" rel="tooltip" data-original-title="Comments"><i class="icon-comment"></i></a> */ ?> 
     <?php if ($image->published == 1): ?> 
     <a href="<?php echo site_url("image/unpublish/$album->id/$image->id"); ?>" class="btn btn-success" title="Published" rel="tooltip" data-original-title="Published"><i class="icon-ok icon-white"></i></a> 
     <?php else: ?> 
     <a href="<?php echo site_url("image/publish/$album->id/$image->id"); ?>" class="btn" title="Unpublished" rel="tooltip" data-original-title="Unpublished"><i class="icon-ok"></i></a> 
     <?php endif; ?> 
     <a href="#image-modal" class="btn btn-danger image-delete-btn" title="Delete" rel="tooltip" action="<?php echo site_url("image/remove/$album->id/$image->id"); ?>" data-toggle="modal" data-original-title="Delete"><i class="icon-remove icon-white"></i></a> 
     </div> 
    </li> 
    <?php endforeach; ?> 
    </ul> 
    <?php endif; ?> 
</span> 
<span class="right w20"> 
    <div class="well sidebar-nav"> 
    <ul class="nav nav-list"> 
     <li class="nav-header"><?php echo $album->name; ?></li> 
     <li><a href="<?php echo site_url("album/edit/$album->id"); ?>"><i class="icon-pencil"></i>Rename</a></li> 
     <li><a href="<?php echo site_url("album/configure/$album->id"); ?>"><i class="icon-cog"></i>Configure</a></li> 
     <li class="nav-header">Info</li> 
     <li>Images: <?php echo $total_images; ?></li> 
     <li>Album file size: <?php echo round($total_file_size/1024, 2); ?> MB</li> 
    </ul> 
    </div> 
</span> 
<div class="clear"></div> 

<div class="modal hide fade" id="image-modal"> 
    <div class="modal-header"> 
    <a class="close" data-dismiss="modal">×</a> 
    <h3>Delete Image</h3> 
    </div> 
    <div class="modal-body"> 
    <p><strong>Are you sure you want to delete this image?</strong></p> 
    </div> 
    <div class="modal-footer"> 
    <a id="image-modal-delete-btn" href="#" class="btn btn-danger">Delete</a> 
    <a href="#" class="btn" data-dismiss="modal">Cancel</a> 
    </div> 
</div> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.btn-group > a').tooltip(); 
    $('#upload-btn').hide(); 
    $('#new-images').hide(); 

    $('a.img-fancy').fancybox(); 

    $('.image-delete-btn').click(function() { 
    deleteUrl = $(this).attr('action'); 
    }); 

    $('#image-modal').on('show', function() { 
    $('#image-modal-delete-btn').attr('href', deleteUrl); 
    }); 

    $("#sortable").sortable({ 
    handle : '.drag-handle', 
    update : function() { 
     var order = $('#sortable').sortable('serialize', { key : 'order_num[]' }); 
     $.ajax({ 
     url   : '<?php echo base_url(); ?>album/reorder?' + order, 
     type   : 'GET', 
     cache  : false, 
     success  : function(response) { 
      $('#reorder-feedback').show(); 
      $('#reorder-feedback').html('<a class="close" data-dismiss="alert">x</a><strong>Changed image order successfully.</strong>'); 
     }, 
     error  : function(jqXHR, textStatus, errorThrown) { 
      alert('An error occured when ordering the images.'); 
     } 
     }); 
    } 
    }); 

    $("#sortable").disableSelection(); 


    $('#file_upload').uploadify({ 
    'uploader'  : '<?php echo base_url(); ?>webroot/flash/uploadify.swf', 
    'script'   : '<?php echo base_url(); ?>album/api/upload/<?php echo $album->id; ?>', 
    'cancelImg'  : '<?php echo base_url(); ?>webroot/images/cancel.png', 
    'folder'   : '/webroot/uploads', 
    'auto'   : false, 
    'multi'   : true, 
    'fileExt'  : '*.jpg;*.jpeg;*.gif;*.png', 
    'fileDesc'  : 'Image files', 
    'sizeLimit'  : 2097152, // 2MB 
    'wmode'   : 'opaque', 
    'onSelect'  : function(event, ID, fileObj) { 
     $('#upload-btn').show(); 
    }, 
    'onCancel'  : function(event, ID, fileObj) { 
     $('#upload-btn').hide(); 
    }, 
    'onError'  : function(event, ID, fileObj, errorObj) { 

    }, 
    'onComplete'  : function(event, ID, fileObj, response, data) { 
     var fileName = response; 
     $('#upload-btn').hide(); 
     $('#new-images').show(); 
     $.ajax({ 
     url   : '<?php echo base_url(); ?>album/resize/<?php echo $album->id; ?>/' + response, 
     type   : 'POST', 
     cache  : false, 
     success  : function(response) { 
      if (response !== 'failure') { 
      var new_image = '<li><img src="<?php echo base_url(); ?>webroot/uploads/' + response + '" /><br />' + response + '</li>'; 
      $('#new-image-list').append(new_image); 
      } else { 
      var fail_message = '<li>Thumbnail creation failed for: ' + fileObj.name + '</li>'; 
      $('#new-image-list').append(fail_message); 
      } 
     }, 
     error  : function(jqXHR, textStatus, errorThrown) { 
      alert('Error occurred when generating thumbnails.'); 
     } 
     }); 
    } 
    }); 
}); 
</script>

출처

2012-10-30 user1080247

답변

0

파일 확장자의 문제는 그래서 난 다음 내가 jQuery 코드에서 선호 단지 확장을 선택

$config['allowed_types'] = '*';

이 코드

$config['allowed_types'] = 'gif|jpg|png';

을 대체

'fileExt' : '*.jpg;*.jpeg;*.gif;*.png',

출처

2012-12-19 08:09:55 user1080247

-1

당신은 우리에게 자세한 오류를 제공하지 않았다. HTTP 오류는 많은 것을 의미 할 수 있습니다.

1. Firebug Console 또는 Chrome Console에서 Ajax POST를 확인하고 이 무엇을 반환하는지 확인합니다. 2. 업로드 저장 폴더가 쓰기 가능인지 확인하십시오 (CHMOD 사용 권한). 내 눈을 잡는다

한 가지입니다

$config['upload_path'] = './webroot/uploads/';

당신이 붙여 복사 한 것처럼, 당신이 그것을 적절한 업로드 경로를 제공해야합니다 보인다.

출처

2012-10-30 13:29:35

+0

코드가 작동 아주 좋은하지만 난 내 CMS에 복사 할 때 나에게이 오류를 줄입니다. .. 그리고 나는 localhost에서 일한다. – user1080247

2

도움이되는지 아닌지 잘 모르겠습니다.

전에 과 같은 문제가 발생하여 서버에 파일을 업로드했을 때 깨달았습니다 루트 사용자로 로그인하여 파일 소유자가 루트가되었습니다. 해결 방법은 업로드 된 모든 파일을 제거한 다음 다른 사용자를 사용하여 다시 업로드하는 것입니다.

이제 제대로 작동합니다.

희망이 당신을위한 작품입니다.

출처

2012-11-12 15:46:24

0

당신은 마임을 수정할 수 있습니다 application/config/mimes에 있습니다.PHP

변경 :

'jpeg' => array('image/jpeg', 'image/pjpeg'), 
'jpg' => array('image/jpeg', 'image/pjpeg'), 
'jpe' => array('image/jpeg', 'image/pjpeg'), 
'png' => array('image/png', 'image/x-png'), 


'jpeg' => array('image/jpeg', 'image/pjpeg', 'application/octet-stream'), 
'jpg' => array('image/jpeg', 'image/pjpeg', 'application/octet-stream'), 
'jpe' => array('image/jpeg', 'image/pjpeg', 'application/octet-stream'), 
'png' => array('image/png', 'image/x-png', 'application/octet-stream'),

로 작동합니다 것 :

출처

2013-03-30 16:27:41 hongphu8790

관련 문제

 관련 문제