CodeIgniter

파일 업로드 & CKEditor

수업소개

이번 수업에서는 오픈소스 위지윅 에디터인 CKEditor을 이용해서 파일을 서버로 전송하고, 전송된 데이터를 CI의 upload 라이브러리 클래스로 받아서 저장하는 방법에 대해서 알아본다. 이 과정에서 위지윅 에디터를 적용하는 방법에 대해서도 익힐 수 있다. 순수 HTML을 이용해서 파일을 업로드 하는 방법은 CodeIgniter의 메뉴얼을 참고한다. 

선행지식

Upload Class

초기화

CodeIgniter의 업로드 클래스는 더 적은 코드로 더 안전하게 파일을 전송 할 수 있는 방법을 제공하고 더 많은 경우에 대한 예외처리를 제공한다. 이 클래스를 초기화 할 때는 아래와 같이 한다. 

// 사용자가 업로드 한 파일을 /static/user/ 디렉토리에 저장한다.
$config['upload_path'] = './static/user';
// git,jpg,png 파일만 업로드를 허용한다.
$config['allowed_types'] = 'gif|jpg|png';
// 허용되는 파일의 최대 사이즈
$config['max_size'] = '100';
// 이미지인 경우 허용되는 최대 폭
$config['max_width']  = '1024';
// 이미지인 경우 허용되는 최대 높이
$config['max_height']  = '768';
$this->load->library('upload', $config);

파일저장

 upload 클래스의 핵심 메소드는 do_upload이다. 이것을 실행하면 서버로 전송된 파일의 보안 취약점을 점검하고 문제가 없으면 지정된 디렉토리로 파일을 이동시킨 후에 실행 결과를 리턴한다. 아래와 같이 사용한다. 

$field_name = "some_field_name";
$this->upload->do_upload($field_name)

$file_name 값은 file type의 폼에서 지정한 name 값과 일치해야 한다. 예를들면 아래와 같아야 한다. 

<input type="file" name="some_field_name" />

CKEditor

CKEditor는 위지윅 에디터다. 위지윅(WYSIWYG)이란  What You See Is What You Get 한국어로는 보는데로 얻는다는 뜻으로, HTML 코드 없이 포맷을 편집할 수 있는 기능을 제공하는 에디터다. CKEditor는 무료고 오픈소스로 사용할 수 있는 대표적인 위지윅 에디터다. 

CKEditor을 설치하기 위해서는 다운로드 받아야 한다. 아래 주소를 방문해서 최신버전을 다운로드 받자. 

다운받은 파일을 /static/lib 디렉토리에 풀고 위지윅 에디터가 필요한 페이지에 textarea를 만든 후에 CKEditor 파일을 페이지에 로드한다.  그리고 textarea와 CKEditor를 자바스크립트로 연결해주면 간단하게 설치가 완료된다. 아래는 최소한의 코드다.

<html>
    <head>
        <script src="/static/lib/ckeditor/ckeditor.js"></script>
    </head>
    <body>
        <form>
            <textarea name="description">            
            </textarea>
            <script>
                CKEDITOR.replace( 'description' );
            </script>
        </form>
    </body>
</html>

 이미지 업로드 기능 활성화

CKEditor에서 이미지 업로드 기능을 활성화시키기 위해서는 CKEditor를 textarea에 연결할 때 옵션 값을 전달해야 한다. 위의 코드를 아래와 같이 수정한다. 

<script>
    CKEDITOR.replace( 'description', {
        filebrowserUploadUrl: '/topic/upload'
    });
</script>

툴바 중에 이미지 버튼을 누르고 업로드 탭을 선택한 후에 파일을 전송하면 /topic/upload로 파일이 전송된다. /topic/upload는 CKEditor가 전송한 파일을 받아서 보안 취약점을 점검한 후에 문제가 없으면 파일을 저장한다. 

업로드 후 처리

업로드 정보를 받아서 처리한 /topic/upload 는 CKEditor에 업로드한 파일을 삽입 할 수 있도록 미리 약속된 callback 함수를 호출해야 한다. callback의 형식은 아래와 같다. 

<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction('콜백의 식별 ID 값', '파일의 URL', '전송완료 메시지')</script>
  • 콜백의 식별 ID 값 : CKEditor가 파일을 전송할 때 자동으로 'CKEditorFuncNum'라는 GET 타입의 데이터를 전송한다. 이 값을 그대로 사용하면 된다. 
  • 파일의 URL : 저장된 파일에 접근 할 수 있는 URL. CKEditor는 이 값을 이용해서 이미지를 본문에 저장한다.
  • 전송완료 메시지 : 전송된 결과를 사용자에게 보여주는 메시지

예제

예제 코드가 많아짐에 따라서 본문에 포함시키기가 어려워지고 있다. 따라서 앞으로는 github의 링크를 걸도록 하겠다. 

태그

참고

댓글

댓글 본문
작성자
비밀번호
  1. 김세창
    잘배웠습니다~!! ㅎㅎ
  2. http://www.coach--outlet.net/ coach outlet
    http://www.pandoracharmssale.org.uk/ pandora charms
    http://www.jordan-retro.us/ Jordan Retro Shoes
    http://www.michael-kors-outlet.us/ michael kors outlet
    http://www.yeezyboost350.us.org/ Yeezy 350
    http://www.mlb-shop.net/ major league baseball
    http://www.pandoranecklace.us/ pandora necklace
    http://www.pandoracharms-uk.co.uk/ pandora charms uk
    http://www.asicsshoes.com.au/ asics shoes Australia
    http://www.pandorarings.org.uk/ pandora rings
    http://www.pandorarings.net.au/ pandora rings
    http://www.basketballshoes.in.net/ nike basketball shoes
    http://www.pandoraring.us/ pandora princess ring
    http://www.cheapraybans.us/ ray ban online
    http://www.burberryscarfoutlet.org/ burberry scarf
    http://www.coachshoes.us coach shoes
    http://www.jordan-retro.us/ Jordan Retro
    http://www.michaelkorspurses.us/ michael kors purses outlet
    http://www.pandora-rings.us/ pandora rings
    http://www.pradaoutlet.co/ prada outlet online
    http://www.chanel.net.au/ chanel bag
    http://www.pandoraring.us/ pandora rings
    http://www.canada-goose-outlet.us/ canada goose jacket
    http://www.rayban-wayfarer.us/ ray ban wayfarer
    http://www.pandoraring.us/ pandora ring
    http://www.raybanclubmaster.us/ ray ban clubmaster
    http://www.nikecom.us/ nike free run
    http://www.ugg-slippers.co.uk/ ugg slippers
    http://www.coach-australia.net.au/ coach
    http://www.mlbshop.us.org/ mlb store
    http://www.nike-shoes.net.au/ nike shoes
    http://www.asicsshoes.com.au/ asics Australia
    http://www.canada-goose-outlet.us/ canada goose sale online
    http://www.lebron-james-shoes.us/ nike lebron james
    http://www.michaelkorsoutletonlinepro.us/ michael kors outlet online
    http://www.coach--bags.us/ coach bag
    http://www.polo-outlet.co.uk/ polo online
    http://www.burberryoutlet-online.net/ burberry outlet online
    http://www.coach--purses.us/ coach purse
    http://www.ugg.org.au ugg australia
    http://www.canadagooseoutlet.us/ canada goose sale
    http://www.burberryoutletonline.net/ burberry outlet
    http://www.prada-handbags.us.org/ official prada site
    http://www.basketballshoes.in.net/ Basketball shoes
    http://www.sunglassessm.com/ sunglasses sm
    http://www.michaelkorsbags.co/ michael kors bags outlet
    http://www.nike-shoes.net.au/ nike shoes australia
    http://www.coach-outlet.cc/ Coach Outlet Store
    http://www.sunglasseshut.co/ sunglasses hut
    http://www.basketball-jerseys.us/ basketball jerseys
    http://www.katespadebags.org/ kate spade bags
    http://www.coach-handbags.us coach handbags
    http://www.michael-kors.ca michael kors canada
    http://www.pandora-uk.org.uk/ pandora uk
    http://www.pradaoutletonline.net/ prada outlet online
    http://www.tiffany-and-co.co.uk/ tiffany uk
    http://www.mlb-shop.net/ mlb shop
    http://www.pradabags.co/ official prada site
    http://www.air-jordan-retro.us air jordan retro
    http://www.katespadeoutlet.cc/ kate spade outlet
    http://www.burberryoutletonline.net/ burberry online
    http://www.cheapraybans.us/ Cheap Ray Ban
    http://www.nikehuarache.co/ nike huarache shoes
    http://www.burberryoutlets.ca/ burberry outlet canada
    http://www.kd8.us/ KD 8 shoes
    http://www.abercrombiefitch.fr/ abercrombie and fitch
    http://www.ubiae.fr/ veronique Billat
    http://www.moncler-jacket.co.uk/ moncler uk
    http://www.mizunoshop.us/ Mizuno Shop
    http://www.michaelkors.com.co/ michael kors factory outlet
    http://www.abercrombiefitch.nl/ bercrombie Nederland
    http://www.jordanshoes.co/ nike jordan shoes
    http://www.oakleyfrogskins.us/ oakley frogskins
    http://www.michaelkors--handbags.us/ michael kors handbags
    http://www.burberryoutletonline.net/ burberry outlet online
    http://www.katespadeoutlet.nom.co/ kate spade black friday
    http://www.rb-sunglasses.us ray ban sunglasses
    http://www.prada-outlet.us.com/ prada outlet online
    http://www.burberryoutlet-online.net/ burberry online
    http://www.katespadehandbags.org/ kate spade bags
    http://www.ralph-lauren.net.au/ ralph lauren australia
    http://www.michael-kors.it/ michael kors italy
    http://www.uggboots.org.au/ ugg australia
    http://www.coach-outlet.info/ coach outlet
    http://www.oakley-australia.com.au oakley australia
    http://www.oakleyholbrook.us/ Oakley Holbrook
    http://www.michael-korsoutlet.com/ michael kors outlet
    http://www.pradabagsoutlet.org/ prada bags outlet
    http://www.burberryoutlet-online.net/ burberry outlet
    http://www.hermes-outlet.org Hermes Outlet
    http://www.ugguk.co.uk/ ugg uk
    http://www.canada-goose-outlet.us/ Canada Goose Outlet
    http://www.katespadebags.org/ kate spade bags outlet
    http://www.yeezy-boost-350.us/ yeezy boost 350
    http://www.raybanaviator.org/ rayban aviator
    http://www.pandora-charms.com.au/ pandora australia
    http://www.pradaoutlet.cc/ prada outlet online
    http://www.prada-bags.co/ prada bags on sale
    http://www.chanel-outlet.co/ CHanel Factory Outlet
    http://www.michaelkorspurses.us/ michael kors purses on sale
    http://www.abercrombiefitch.fr/ abercrombie fitch
    http://www.rayban-glasses.us/ ray ban glasses
    http://www.shoes-online.us/ shoes sale
    http://www.michael-kors.net/ michael kors tote
    http://www.ubiae.fr/ Billat
    http://www.katespadehandbags.org/ kate spade handbags
    http://www.moncler-jacket.co.uk/ moncler mens jackets
    http://www.pandoracharms.co/ pandora charms sale online
    http://www.moncler-jacket.co.uk/ moncler sale
    http://www.coach-usa.us coach usa
    http://www.paulsmith.org.uk/ paul smith
    http://www.pradasunglasses.us/ prada glasses
    http://www.nikehuarache.co/ huarache nike
    http://www.michael-kors-outletonline.us/ michael kors outlet
    http://www.coach-outlet.com.co coach outlet
    http://www.pandoracharms-uk.co.uk/ pandora charms
    http://www.pandoranecklace.us/ pandora necklace charms
    http://www.moncler-jacket.us/ cheap moncler jacket
    http://www.pradaoutletonline.net/ prada factory outlet online
    http://www.pandora-charms.com.au/ pandora charms
    http://www.pradaoutlet.co/ prada outlet
    http://www.katespadeoutlet.com.co/ kate spade outlet online
    http://www.clkbenz.com clk benz
    http://www.hyperdunk.us/ Nike Hyperdunk Shoes
    http://www.hugo-boss.us/ Hugo Boss Online
    http://www.sunglasseshut.cc/ sunglasses hut
    http://www.michael-kors.net/ michael kors wallet
    http://www.raybanprescriptionglasses.us/ ray ban prescription glasses
    http://www.coach-outlets.net coach outlet
    http://www.longchamp-outlet.co Longchamp Outlet
    http://www.coach-outlet.us coach outlet
    http://www.raybanaviator.us/ ray ban aviator
    http://www.rayban-outlet.us Ray Ban Outlet
    http://www.louis-vuitton-uk.co.uk louis vuitton uk
    http://www.pradaoutletonline.org/ prada outlet online
    http://www.coachcarter.com.au/ coach australia
    http://www.raybansunglasses.com.au ray-ban sunglasses
    http://www.louis-vuitton.com.au louis vuitton australia
    http://www.pradaoutletonline.us/ prada outlet online
    http://www.prada-outlet.net/ prada outlet
    http://www.prada-bags.co/ prada bags
    http://www.prada-bags.co/ Prada Outlet
    http://www.pdcharm.it/ Pandora Charm
    http://www.michaelkors--outlet.us/ michael kors outlet
    http://www.burberryoutlets.ca/ burberry canada
    http://www.ups-tracking.us/ ups tracking
    http://www.michaelkorstote.us/ michael kors totes
    http://www.michaelkorsoutlet.nom.co/ michael kors outlet
    http://www.football-jerseys.co/ football jerseys
    http://www.moncler-jacket.co.uk/ moncler jacket mens
    http://www.joebuy.com/ china wholesale
    http://www.canadagooseoutlet.us/ canada goose outlet
    http://www.michael-kors.net/ michael kors bags
    http://www.nike-air-jordan.us/ nike jordan shoes
    http://www.prada-bags.us.com/ prada us
    http://www.coachoutlets.net coach outlet
    http://www.moncler-outlet.us/ moncler clothing
    http://www.nike-shoes.org/ nike shoes
    http://www.abercrombieoutlet.us/ abercrombie outlet us
    http://www.michael-kors.net/ official michael kors
    http://www.yeezyboost.co/ adidas yeezy boost 350
    http://www.jordan-retro-shoes.us/ Jordan retro
    http://www.basketballshoes.in.net/ cheap basketball shoes
    http://www.ray-ban--sunglasses.com/ ray ban sunglasses
    http://www.coachoutletonline.info/ coach outlet
    http://www.coach--bags.us/ coach diaper bag
    http://www.burberryaustralia.net.au burberry australia
    http://www.katespadeoutlet.ca/ kate spade
    http://www.adidas-shoes.com.au adidas shoes
    http://www.coachfactoryoutlet.co/ coach factory
    http://www.katespade.net.au kate spade
    http://www.abercrombieoutlet.ca/ abercrombie outlet
    http://www.prada-bags.us.com/ prada handbags
    http://www.hugo-boss.us/ Hugo Boss Outlet
    http://www.pandora-bracelet.co/ pandora bracelet
    http://www.baseball-jerseys.us/ baseball jerseys
    http://www.nfl-shop.co/ nfl jerseys
    http://www.adidasaustralia.com.au adidas australia
    http://www.coach-factory-outlet.net/ coach factory outlet online
    http://www.coachfactoryoutlet.co/ coach outlet
    http://www.mizunoshoes.us/ Mizuno Wave
    http://www.air-jordan-shoes.us air jordan shoes
    http://www.michaelkorsoutlet.ca/ Michael Kors Outlet
    http://www.pandora-charms.co/ pandora charms sale
    http://www.abercrombieoutlet.us/ abercrombie us
    http://www.mlbshop.us.org/ mlb shop
    http://www.michaelkorsoutlet.info/ michael kors
    http://www.hyperdunk.us/ Nike Hyperdunk 2015
    http://www.michaelkors--handbags.us/ michael kors handbags outlet
    http://www.michael-kors.net/ michael kors outlet
    http://www.michaelkorsblackfridayoutlets.us/ michael kors outlet
    http://www.coach-outlet.net.co coach outlet
    http://www.michael-kors.com.au michael kors australia
    http://www.prada-bags.org/ prada online
    http://www.pradasunglasses.us/ prada official site
    http://www.apph.co.uk/ landing gears
    http://www.sunglassesoutletsky.com/ sunglasses outlet
    http://www.nike-shoes.org/ nike outlet
    http://www.salomon-shoes.com/ salomon hiking shoes
    http://www.pandora-rings.us/ pandora rings sale
    http://www.burberryoutlets.ca/ burberry outlet canada
    http://www.ray-ban-outlet.us/ ray ban outlet
    http://www.pandora-charms.us/ pandora jewelry
    http://www.michaelkorsoutletbags.us/ michael kors bags
    http://www.apph.co.uk/ landing gear
    http://www.jordan-retro-shoes.us/ jordan retro shoes
    http://www.abercrombieandfitchoutlet.net/ abercrombie & fitch
    http://www.moncler-outlet.us/ moncler down jackets
    http://www.coach-outlet.cc/ Coach Outlet Online
    http://www.yeezyboost.co/ yeezy boost 350 shoes
    http://www.nfl-shop.co/ nfl shop
    http://www.chanel-outlet.co/ Chanel Outlet
    http://www.moncler-outlet.co/ piumini moncler replica
    http://www.hermes-bag.co.uk hermes bag
    http://www.moncler-jacket.us/ moncler jacket
    http://www.pandoracharms.co/ pandora charms sale clearance
    http://www.michaelkorsoutletstores.us/ michael kors outlet
    http://www.joebuy.com/ wholesale
    http://www.moncler-outlet.org/ moncler outlet
    http://www.burberryoutlets.ca/ burberry canada
    http://www.adidas.org.au adidas australia
    http://www.katespadeoutlet.ca/ kate spade canada
    http://www.katespadebags.org/ kate spade handbags
    http://www.michael-kors.uk michael kors uk
    http://www.michael-kors.net/ michael kors online
    http://www.pandora-rings.us/ pandora rings jewelry
    http://www.coachcarter.com.au/ coach carter
    http://www.louboutinshoes-uk.co.uk louboutin shoes
    http://www.abercrombieoutlet.us/ abercrombie outlet
    http://www.michael-kors--outlet.com/ michael kors outlet
    http://www.coach-outlet-online.org/ coach outlet store
    http://www.uggboots.org.au/ ugg boots
    http://www.mcmoutlet.org/ mcm factory outlet
    http://www.tiffany-and-co.co.uk/ tiffany and co
    http://www.baseballjerseys.co/ baseball jerseys
    http://www.mk-bags.us/ mk bags
    http://www.mcmoutlet.org/ mcm outlet
    http://www.nike-shoes.org/ nike store
    http://www.coach-sunglasses.co/ Coach Sunglasses Outlet
    http://www.nike-jordan-shoes.us/ nike jordan shoes
    http://www.polo-outlet.co.uk/ polo outlet online
    http://www.ralph-lauren.net.au/ ralph lauren
    http://www.coach-outlet.cc/ Coach Outlet
    http://www.chanel.net.au/ chanel
    http://www.nikehuarache.co/ huaraches
    http://www.moncler-outlet.co/ moncler outlet
    http://www.michaelkorsoutletbags.us/ michael kors outlet
    http://www.prada-bags.org/ prada handbags
    http://www.pandorarings.net.au/ pandora australia
    http://www.moncler-outlet.co/ moncler coats
    http://www.abercrombieandfitchsale.us/ abercrombie us
    http://www.burberryaustralia.com.au burberry australia
    http://www.abercrombieoutlet.us/ abercrombie outlet
    http://www.katespadeoutlet.nom.co/ kate spade outlet
    http://www.oakleyfrogskins.us/ oakley frogskins sunglasses
    http://www.yeezyboost350.us.org/ Adidas Yeezy Boost 350
    http://www.snow-boots.org.uk/ snow boots
    http://www.mlbshop.us.org/ baseball jerseys
    http://www.pandora.org.au/ pandora australia
    http://www.ray-ban-sunglasses.us/ ray ban sunglasses
    http://www.basketball-jerseys.org/ basketball jerseys
    http://www.pandora.org.au/ pandora jewelry
    http://www.michaelkorsbags.co/ michael kors outlet
    http://www.mcmoutlet.org/ mcm outlet online
    http://www.coach-outlet-online.us/ coach outlet
    http://www.michael-korsoutlet.org/ michael kors
    http://www.michaelkorsoutletonlinepro.us/ michael kors outlet
    http://www.michaelkorstote.us/ michael kors tote
    http://www.coach-outlet-online.us/ coach outlet online
    http://www.kate-spadeoutlet.com/ kate spade outlet
    http://www.timberland-boots.org.uk/ timberland boots
    http://www.michael-kors-outlet.us/ michael kors
    http://www.michael-kors.net/ michael kors outlet
    http://www.ray-ban-sunglasses.co.uk ray-ban sunglasses
    http://www.coachoutlet.nom.co/ coach outlet
    http://www.coach-outlet-online.org/ coach outlet online
    http://www.shoes-online.us/ shoes online
    http://www.moncler-jacket.us/ moncler us
    http://www.salomon-shoes.com/ salomon shoes
    http://www.louis-vuitton-outlet.co/ louis vuitton outlet
    http://www.prada-outlet.co/ prada outlet online
    http://www.louis-vuittonoutlet.org louis vuitton outlet
    http://www.hockey-jerseys.us/ hockey jerseys
    http://www.nikejordan.co/ Nike Air Jordan
    http://www.michaelkors.com.co/ michael kors outlet
    http://www.yeezyboost-350.co/ yeezy boost 350
    http://www.beatsbydre.net.au/ beats studio
    http://www.burberry-outletonline.us Burberry outlet online
    http://www.jimmy-choo.com.au jimmy choo australia
    http://www.pandora--bracelet.co.uk/ pandora bracelet
    http://www.pradapurses.org/ prada purses
    http://www.rayban-eyeglasses.us/ ray ban eyeglasses
    http://www.top-sunglasses.org/ top sunglasses
    http://www.michael-kors-outlet.us/ michael kors us
    http://www.canadagooseoutlet.us/ canada goose jacket
    http://www.michaelkors--outlet.net/ michael kors outlet
    http://www.michaelkorsoutlethandbag.us/ michael kors handbags
    http://www.oakley---sunglasses.org/ oakley sunglasses
    http://www.michaelkorspurses.us/ michael kors purses
    http://www.abercrombieandfitchoutlet.net/ abercrombie outlet
    http://www.mizunoshoes.us/ Mizuno Shoes
    http://www.michael-kors.net/ michael kors purses
    http://www.burberryoutlets.ca/ burberry outlet
    http://www.katespadehandbags.org/ kate spade black friday
    http://www.shoes-online.us/ shoes online sale
    http://www.pradaoutletonline.us/ prada outlet
    http://www.yeezyboost.co/ yeezy boost 350
    http://www.coachoutletonline.info/ coach outlet online
    http://www.cheapraybans.us/ cheap ray ban sunglasses
    http://burberry.outlet.org.au/ burberry us
    http://www.oakleysunglasses.net.au oakley sunglasses
    http://www.nikecom.us/ nike com
    http://www.football-jerseys.org/ football jerseys
    http://www.michael-kors-uk.org.uk/ michael kors uk
    http://www.ray-ban-outlet.us ray ban outlet
    http://www.chanel-outlet.co/ Chanel bags Outlet
    http://www.nike-id.us/ nike id
    http://www.pradaoutletonline.org/ authentic prada outlet online
    http://www.pandora-charms.co/ pandora charms black friday
    http://www.raybanprescriptionsunglasses.us/ ray ban prescription sunglasses
    http://www.oakley-outlet.in.net Oakley Outlet
    http://www.ralph--lauren.co.uk Ralph Lauren
    http://www.pandora--rings.co.uk/ pandora rings
    http://www.kate-spade.net.au Kate Spade Australia
    http://www.nike-air-jordan.us/ Nike Air Max
    http://www.coach-sunglasses.co/ coach sunglasses
    http://www.nikejordan.co/ Nike Jordan Shoes
    http://www.pandora-charms.co/ pandora charms
    http://www.raybanpolarized.us/ ray ban polarized
    http://www.burberryscarfs.com/ burberry scarfs
    http://www.beatsbydre.net.au/ beats by dre
    http://www.abercrombieandfitchsale.us/ abercrombie outlet
    http://www.moncler-outlet.us/ moncler outlet
    http://www.michael-kors-outlet.co Michael Kors Outlet
    http://www.paulsmith.org.uk/ paul smith uk
    http://www.nikehuarache.co/ nike air huarache
    http://www.moncler-jacket.org/ moncler jacket
    http://www.coach-australia.net.au/ coach australia
    http://www.michael-kors.net/ michael kors outlet online
    http://www.pradaoutlet.cc/ prada sale
    http://www.pandoracharms.co/ pandora charms
    http://www.michaelkorsoutlethandbag.us/ michael kors outlet
    http://www.lebron-james-shoes.us/ lebron james shoes
    http://www.michaelkors.net.co/ michael kors outlet
    http://www.mk-bags.us/ mk outlet
    http://www.burberryoutlets.ca/ burberry outlet
    http://www.coach-factory-outlet.net/ coach factory outlet
    http://www.michael-korsoutletonline.us/ michael kors outlet
    http://www.raybannewwayfarer.us/ ray ban new wayfarer
    http://www.pandora-rings.co.uk/ pandora uk
    http://www.hyperdunk.us/ Hyperdunk 2016
    http://www.nikeoutlet.net/ nike shox shoes
    http://www.coachfactoryoutlet.cc coach factory outlet
    http://www.pradabagsoutlet.org/ prada factory outlet online
    http://www.menssunglassess.com/ mens sunglasses
    http://www.mk-bags.us/ mk handbags
    http://www.katespadeoutlet.com.co/ kate spade outlet
    http://www.pradasunglasses.us/ prada sunglasses
    http://www.ralphlaurenpolo.net.au Ralph Lauren Polo
    http://www.apph.co.uk/ landinggear
    http://www.coach--purses.us/ cheap coach purse
    http://www.flashsunglasses.com/ flash sunglasses
    http://www.michaelkors.com.co/ michael kors
    http://www.katespadeoutlet.nom.co/ kate spade
    http://www.tiffanyco.net.au tiffany co
    http://www.tiffany-co.com.au tiffany co
    http://www.oakleyoutlet.co/ oakley outlet
    http://www.moncler-jacket.co.uk/ moncler jacket
    http://www.burberryscarfs.com/ burberry scarf
    http://www.oakleyholbrook.us/ Oakley Holbrook sunglasses
    http://www.coachoutlet.co/ coach outlet
    http://www.lebron-james-shoes.us/ nike lebron shoes
    http://www.pandora-jewelry.us pandora jewelry
    http://www.nikeoutlet.net/ nike outlet
    http://www.prada-outlet.us.com/ Prada Factory Outlet
    http://www.burberryscarfoutlet.org/ burberry outlet
    http://www.pradaoutletonline.net/ prada outlet
    http://www.hugo-boss.us/ Hugo Boss Store
    http://www.burberry-scarf.net/ burberry scarf
    http://www.pradaoutletonline.us/ authentic prada outlet online
    http://www.pandorabracelet.us Pandora bracelet
    http://www.nike-free-run.us/ Free Run
    http://www.timberland-boots.org.uk/ timberland uk
    http://www.michaelkorstote.us/ michael kors jet set tote
    http://www.coachfactoryoutlet.co/ coach factory outlet
    http://www.prada-outlet.net/ prada outlet online
    http://www.abercrombiefitch.nl/ Abercrombie Fitch
    http://www.pradaoutletonline.org/ prada factory outlet online
    http://www.nike-shoes.net.au/ nike australia
    http://www.jordanshoes.co/ air jordan shoes
    http://www.coach-outlet.us coach bags
    http://www.louis-vuitton-outlet.co/ louis vuitton factory outlet
    http://www.coach-outlet.us/ coach handbags
    http://www.nike-free-run.us/ Nike Free
    http://burberry.outlet.org.au/ burberry outlet
    http://www.nikehuarache.co/ huaraches shoes
    http://www.katespadeoutlet.cc/ kate spade outlet online
    http://www.sunglassessm.com/ brand sunglasses
    http://www.michaelkorsoutleto.us/ michael kors outlet
    http://www.yeezyboost350.us.org/ Yeezy Boost 350
    http://www.polo-outlet.co.uk/ polo outlet
    http://www.pradabagsoutlet.org/ authentic prada handbags outlet
    http://www.michaelkorsoutletbing.us/ michael kors outlet
    http://www.coach--bags.us/ coach bags
    http://www.pandora-rings.com/ pandora rings
    http://www.michaelkorsoutletcity.us/ michael kors outlet
    http://www.paulsmith.org.uk/ paul smith sale
    http://www.pandora-bracelets.us pandora bracelets
    http://www.coach-australia.com.au/ coach australia
    http://www.oakley-sunglasses.net.au oakley sunglasses
    http://www.pandora-charms.us/ pandora charms
    http://www.ubiae.fr/ veronique billat
    http://www.ray-ban-sunglasses.com.au ray-ban sunglasses
    http://www.burberry.org.au burberry
    http://www.pradabags.co/ prada bag
    http://www.pandoracharmssale.org.uk/ pandora charms sale
    http://www.abercrombiefitch.fr/ abercrombie paris
    http://www.jordanshoes.co/ jordan shoes
    http://www.louisvuitton-outlet.org louis vuitton outlet
    http://www.katespadeoutlet.ca/ kate spade outlet
    http://www.nikehuarache.co/ nike huarache
    http://www.burberrypurse.com/ burberry purse
    http://www.michaelkorsblackfridayoutlets.us/ michael kors black friday
    http://www.coachoutletonline.info/ coach online
    http://www.abercrombieandfitchoutlet.net/ abercrombie and fitch
    http://www.mizunoshoes.us/ Mizuno Running Shoes
    http://www.michaelkors--handbags.us/ michael kors outlet
    http://www.longchampoutlet.cc/ longchamp outlet
    http://www.nike.net.au nike australia
    http://www.nike-airmax.org/ nike air max
    http://www.coach-factory-outlet.net/ coach outlet
    http://www.pandora-bracelet-charms.us pandora bracelet
    http://www.coach-sunglasses.co/ coach sunglasses for women
    http://www.nike-air-jordan.us/ Nike Air Jordan
    http://www.pandora-rings.org/ pandora rings
    http://www.nike-jordan-shoes.us/ nike jordan
    http://www.michael-kors.net/ michael kors handbags
    http://www.prada-outlet.co/ prada outlet
    http://www.mizunoshop.us/ Mizuno Shop Japan
    http://www.chanel.net.au/ chanel australia
    http://www.pandora.org.au/ pandora australia
    http://www.asicsshoes.com.au/ asics shoes
    http://www.michaelkorsoutlet.info/ michael kors outlet
    http://www.coach--purses.us/ coach purses
    http://www.pandoranecklace.us/ pandora necklaces
    http://www.pradaoutlet.cc/ prada outlet prices
    http://www.coach-outlet-online.org/ coach outlet
    http://www.pradabags.co/ prada bags
    http://www.coach-outlet-online.co Coach outlet online
    http://www.prada-handbags.us.org/ prada handbags
    http://www.michaelkorsbags.co/ michael kors bags
    http://www.nike-id.us/ nike shox
    http://www.mlb-shop.net/ mlb.com
    http://www.mizunoshop.us/ MIZUNO Shop US
    http://www.prada-outlet.us.com/ prada outlet
    http://www.prada-bags.us.com/ prada bags
    http://www.ray-ban-sunglasses.net/ ray ban sunglasses
    http://www.kd8.us/ Nike KD 8
    http://www.kd8.us/ Kevin Durant Shoes
    http://www.michael-korsoutlet.org/ michael kors outlet
    http://www.michaelkorsoutlet.ca/ Michael Kors Canada
    http://www.coach--outlet.org/ coach outlet
    http://www.longchampoutlet.cc/ longchamp outlet
    http://www.abercrombieandfitchsale.us/ abercrombie and fitch
    http://www.prada-bags.org/ prada bags
    http://www.beatsbydre.net.au/ beats headphones
    http://www.katespadeoutlet.nom.co/ kate spade outlet
    http://www.prada-outlet.co/ prada factory outlet
    http://www.michael-korsoutlet.com.co/ michael kors outlet
    http://www.pandora-rings.co.uk/ pandora rings
    http://www.joebuy.com/ china factory sale
    http://www.michael-korsoutlet.com/ michael kors outlet online
    http://www.coach-outlet-online.us/ coach factory outlet
    http://www.coachoutlet.nom.co/ coach outlet online
    http://www.nikejordan.co/ Nike Jordans
    http://www.louisvuittonoutlet8.com louis vuitton outlet
    http://www.pandora-charms.us/ pandora.com
    http://www.michaelkorsoutletbags.us/ michael kors outlet bags
    me adc4.8
  3. 늦깎이
    작은선물님 덕분에 하나 해결했습니다. 감사합니다.
    대화보기
    • 작은선물
      CodeIgniter 3.1.1버전 이후 파일 업로드 시 php.ini에 php_fileinfo를 extension 해야합니다.
      저도 안되서 구글링해본결과 기존의 function _file_mime_type() 안에 함수가 변경되었다고 합니다.^^;
    • 신입1
      감사합니다.
    • 장루피나
      localhost에서 작업하면 이미지 업로드가 안되나요?
    • 정수리형
      강의 잘보고있습니다!! 많은 도움이 되요~!!
      그런데 이미지 업로드를 구현 한 후에 테스트를 해 보니, 파일은 업로드가 되는데, '전송완료 메시지'가 안뜨고, '예'를 눌러봐도 '이미지 소스 url이 없습니다'라는 메시지를 띄웁니다. 서버에서 파일을 받았는지 확인해보면 파일은 있구요. 주소창에 직접 url을 쳐서 들어가도 이미지가 출력됩니다. ck에디터상에서만 url을 못 따오는 것 같은데... 무엇이 문제일까요?
    • JustStudy
      고맙습니다
    • 잘보고 갑니다.
    • Frank
      고맙습니다.
      대화보기
      • chase
        http://ckeditor.com......on7

        가능합니다.
        대화보기
        • $this->load->library('upload', $config);

          이부분이 무엇인가요?
        • uglyducklin
          github에 있는 파일을 그대로 다운받아 서버에 적용해봤는데요.

          The configuration file does not exist. 라는 문구가 나오는 이유는 무엇때문일까요 ㅠㅠ
        • Frank
          ckeditor 회사에서도 사용 가능한가요?

          CKEditor is distributed under the GPL, LGPL and MPL Open Source licenses.

          http://ckeditor.com......nse
        • will
          크롬브라우저에는 레이아웃 맞게 ck에디터가 잘들어갑니다.
          그러나 파이어폭스브라우저에서는 레이아웃이 자꾸 깨집니다.
          해결법은 잘모르겠습니다~
          참고들 하셔야할듯
        • 청아
          하....감사합니다
        • 양갱이
          안녕하세여 저는 지금 ckeditor를 이용해 홈페이지를 만들고 있는 사람입니다
          다름이 아니라 ckeditor로 이미지 올리기는 성공하였는데 파일을 올리고 싶습니다 이미지는 잘 올라가는데 파일이 올라가지 안더군요
          이미지랑 파일을 단순히 올리는 것 뿐만 아니라 사람들이 다운받아서 쓰는 기능도 만들어야 하는데 여기 ckeditor에서 할 수 없나요?
          저는 자바에서 개발을 하고 있고 jsp를 쓰고 있습니다
          사람들이 다운로드 받을 수 있게 하는 것도 구현하고 싶습니다
          도움을 주시면 감사하겠습니다 : )
        • 태양이
          오타있네요~
          $file_name 값은 file type의 폼에서 지정한 name 값과 일치해야 한다. 예를들면 아래와 같아야 한다.
          =>
          '$field_name' 값은 file type의 폼에서 지정한 name 값과 일치해야 한다. 예를들면 아래와 같아야 한다.
        • egoing
          그건 직접 구현하셔야 합니다:)
          대화보기
          • chobo
            upload 클래스를 이용해서 aws s3로 올릴수는 없을까요...?
          • jio1122
            정말감사합니다
          • 포포탄
            강의 잘 보았습니다.

            그런데 이미지 업로드를 구현 한 후에 테스트를 해 보니, 파일은 업로드가 되는데, '전송완료 메시지'가 안뜨고, '예'를 눌러봐도 '이미지 소스 url이 없습니다'라는 메시지를 띄웁니다. 서버에서 파일을 받았는지 확인해보면 파일은 있구요. 주소창에 직접 url을 쳐서 들어가도 이미지가 출력됩니다. ck에디터상에서만 url을 못 따오는 것 같은데... 무엇이 문제일까요?
          • 김승갑
            진짜 좋은 강의입니다.
          • egoing
            동영상은 업로드 하시는 것 보다는 youtube 등을 이용하시는 것을 추천 드립니다. 동영상 업로드는 별도의 복잡한 기술적인 도전 과제들이 필요합니다.
            대화보기
            • 목도리
              잘봣습니다 ㅎㅎ근데 이미지가 아닌 동영상도 업롣가 가능한가요?
            • 산넘어산
              한글이름 파일을 업로드를 하면 한글이 깨져서 저장이 되는데 어떻게 처리 해야하나요?
              iconv("UTF-8","EUC-KR",$filename) 이런 형식으로 변환말고 다른 방법은 없나요?
              (로컬에서 테스트하고 있습니다)
            • rrdna
              csrf가 켜져 있으니 ck에디터에서 화일 첨부가 안됩니다.
              csrf를 사용하면서 ckeditor를 사용할수는 없는것인지 알고 싶습니다.
            • egoing
              수정했습니다~
              대화보기
              • 리누즈토바르즈
                PHP에서 파일을 다루는 방법 주소가 깨졋습니다 수정바랍니다!
              • Guest
                이미지 업로드 가능 갯수를 제어 할수 없을까요?
                또한 업로드된 이미지를 문서(에디터)내에서 삭제시 실행할 수 있는 이벤트는 없을까요?
                업로드 구현은 간단한데 고민거리가 생기네요ㅜ
              • guest
                ckeditor와 csrf를 동시에 쓰려면 어찌 해야할까요?
              • egoing
                무료로 알고 있습니다.
                대화보기
                • 망뎅이
                  근데... CKEditor가 상업용으로 사용해도 무료인가요? 라이선스가 애매하게 써있어서... 해석하기 참 어렵네요 ㅠ
                • Geust
                  좋은 강좌 감사합니다. 저의 경우는 csrf를 활성화 시키고 나니까 CKEditor에서 화일 업로드가 되지 않는데 어떻게 csrf_token 을 함께 전송할 수 있을까요?
                • egoing
                  디렉토리 퍼미션을 확인해보셔요
                  2013년 6월 27일 목요일에 Disqus님이 작성:
                  대화보기
                  • Guest
                    글 삭제가 안되네요..잘못 설정한것때문에 그런거였습니다. 죄송합니다.
                    헌데 이미지 탭 만들고 나서 서버로 전송시 포비든 에러가 나는데조언 좀 부탁드립니다.
                    대화보기
                    • Guest
                      강좌 감사합니다.
                      ckeditor 의 이미지 업로드 기능을 구현중에 있습니다.
                      위에 풀이해주신대로 한다면 이미지버튼후에 업로드 텝이 생성되지 않습니다.
                    • egoing
                      좋은 팁입니다. ^^ 성원해주셔서 고맙습니다~
                      대화보기
                      • 양요한
                        잘봤습니다. 예상대로 upload 기능을 코어에서 제공해주는군요.그런데, $this->upload->do_upload() 는 첨부파일이 전달되지 않으면 에러가 나네요.첨부 파일을 생략할 수도 있는데 .. 선택사항임을 설정할 수 있는것도 아니고 ...
                        예제를 만들면서 아래 처럼 하긴 했는데... 문서에도 방법이 나와있지는 않네요
                        if($_FILES && $_FILES['userfile']['error'] == UPLOAD_ERR_OK) {
                        $this->upload->do_upload(); ...}
                      • sugarui
                        에디터의 적용 자체는 생각보다 안 어렵네요!! 받아서 불러오면 되는거네요.. 막막해서 못하고있었는데 너무 잘 봤습니다. 감사합니다.
                      • sugarui
                        에디터의 적용 자체는 생각보다 안 어렵네요! 소스코드 받아서 불러오면 되는거네요.. 막막해서 못하고 있었는데 너무 잘 봤습니다. 감사합니다.
                      버전 관리
                      egoing
                      현재 버전
                      선택 버전
                      graphittie 자세히 보기