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. 1234
    업로드 실패시 파일 선택폼 유지코드
    - 실패시에도 callFunction을 해야합니다 (인자는 false로)

    function upload_receive_from_ck(){
    $config['upload_path'] = './public/uploads/user';
    // git,jpg,png 파일만 업로드를 허용한다.
    $config['allowed_types'] = 'gif|jpg|png';
    // 허용되는 파일의 최대 사이즈
    $config['max_size'] = '2000';
    // 이미지인 경우 허용되는 최대 폭
    $config['max_width'] = '2048';
    // 이미지인 경우 허용되는 최대 높이
    $config['max_height'] = '1536';
    $this->load->library('upload', $config);

    $CKEditorFuncNum = $this->input->get('CKEditorFuncNum');
    if ( ! $this->upload->do_upload("upload"))
    {
    $msg = "'{$this->upload->display_errors(false,false)}'";
    $url ="false";
    }
    else
    {
    $data = $this->upload->data();
    $filename = $data['file_name'];

    $msg = "false";
    $url = "'/public/uploads/user/{$filename}'";
    }
    echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction('{$CKEditorFuncNum}', {$url}, {$msg} )</script>";
    }
  2. orez
    예제 코드가 빠져서 아쉬워요.ㅠㅠ.. 좀 많더라도 함꼐 올려주셨으면 좋겠습니다.
    git은 할 줄 몰라서 식별이 쉽지 않습니다.
  3. 20170824yueqin
    http://www.chicagowhitesoxjerseys.us
    http://www.tiffanyandcojewelry.in.net
    http://www.fredperrypoloshirts.us
    http://www.losangeleslakersjerseys.us
    http://www.airjordan-uk.org.uk
    http://www.sanfranciscogiantsjerseys.us
    http://www.kate-spadehandbags.us
    http://www.true-religionjeansoutlet.us.com
    http://www.columbiashoes.name
    http://www.chicagocubsjerseys.us
    http://www.onlinecoachfactoryoutlet.us.com
    http://www.poloralph-lauren.fr
    http://www.louis-vuitton-handbags.us.org
    http://www.airmaxoutletsaleus.com
    http://www.coachfactoryoutletstore.in.net
    http://www.mbtshoes.in.net
    http://www.danskoshoes.us.com
    http://www.cheapjordans.us.com
    http://www.outletnike.us
    http://www.nfljerseyscheap.in.net
    http://www.adidas-nmd.me.uk
    http://www.fitflopssaleclearanceofficial.us.com
    http://www.todsoutlet.us
    http://www.mont-blanc.in.net
    http://www.mbtshoes.org.uk
    http://www.adidasshoes.us
    http://www.rolexwatchesreplica.us.com
    http://www.texasrangersjerseys.us
    http://www.michaelkorshandbagsuk.org.uk
    http://www.miamiheatjerseys.us
    http://www.stlouiscardinalsjerseys.us
    http://www.beatsheadphones.name
    http://www.marcjacobshandbag.us.com
    http://www.christianlouboutinshoesoutlets.us.com
    http://www.greenbaypackersjerseys.us.com
    http://www.valentino.in.net
    http://www.louisvuittonoutletoutlet.us.com
    http://www.ralphlauren.net.co
    http://www.clarks-shoes.us
    http://www.beatsbydrdre.me.uk
    http://www.nikefreerun.name
    http://www.hermesoutletonline.us
    http://www.cheapjerseys.eu.com
    http://www.salomon-shoes.name
    http://www.dallas-cowboysjerseys.us
    http://www.chiflatiron.in.net
    http://www.birkenstocksandals.name
    http://www.coachoutletstoreinc.us.com
    http://www.louboutin.org.uk
    http://www.bostoncelticsjerseys.us
    http://www.birkenstockpascher.fr
    http://www.nikefreeflyknit.name
    http://www.vansshoes.in.net
    http://www.fitflopssaleclearancewholesale.us.com
    http://www.discountnikeshoessc.org
    http://www.kate-spadeoutlet.us.com
    http://www.jimmychoo.in.net
    http://www.pradaoutlets.us
    http://www.christianlouboutinshoes.in.net
    http://www.giuseppezanottioutlet.us
    http://www.houstontexansjerseys.us.com
    http://www.gucciuk.co.uk
    http://www.newenglandpatriots-jerseys.us
    http://www.adidas-superstar.fr
    http://www.2017nikeairmax.us
    http://www.kate-spadeoutlets.us.com
    http://www.adidasshoes.me.uk
    http://www.officialcoachfactoryoutlet.eu.com
    http://www.adidaspascher.fr
    http://www.longchampoutletstore.com
    http://www.saclongchamppas-cher.fr
    http://www.losangelesdodgersjerseys.us
    http://www.supra-shoes.us
    http://www.nikeair-max.org.uk
    http://www.outletlongchamp.us
    http://www.true-religionjeans.in.net
    http://www.newyorkyankeesjerseys.us
    http://www.oklahomacitythunderjerseys.us
    http://www.storenike.fr
    http://www.dolceandgabbanaoutlet.com
    http://www.hollisterclothingstore.us
    http://www.fitflops.org.uk
    http://www.clarksshoes.us.com
    http://www.fendihandbags.us
    http://www.chicagobullsjerseys.us
    http://www.fitflopssandals.us.com
    http://www.pandorasoldes.fr
    http://www.350yeezyboost.us.com
    http://www.edhardy-outlet.name
    http://www.salomonshoesoutlet.us
    http://www.adadassuperstar.com
    http://www.swarovskicrystal.name
    http://www.yeezy-boost350v2.us.com
    http://www.houstonrocketsjerseys.us
    http://www.gucci--borse.it
    http://www.sac-longchamp-pliage.fr
    http://www.poloralph-lauren.in.net
    http://www.nikeairmax-pascher.fr
    http://www.coachfactory-outletonlines.us.com
    http://www.adidassuperstar.me.uk
    http://www.redbottomshoes.in.net
    http://www.sanantoniospursjerseys.us
    http://www.versaceshoes.in.net
    http://www.rolex-replicawatches.com.co
    http://www.airmax90nike.us
    http://www.adidastrainersuk.org.uk
    http://www.philadelphiaphilliesjerseys.us
    http://www.michaelkors-bags.me.uk
    http://www.polooutletstoreonline.us.com
    http://www.coachoutletstore-online.us.com
    http://www.detroittigersjerseys.us
    http://www.fit-flopssaleclearance.us.com
    http://www.ysl-handbags.us
    http://www.goldenstatewarriorsjerseys.us
    http://www.yeezy-boost350v2.us
    http://www.stephcurry-shoes.us
    http://www.true-religion.us.com
    http://www.ecco-shoes.us
    http://www.coachoutletsstore.us.com
    http://www.dansko-outlet.us
    http://www.tiffanyandcooutlet.in.net
    http://www.airmax90.org
    http://www.ghd-straighteners.org.uk
    http://www.airmax-95.us
    http://www.toryburchoutlets.us
    http://www.louisvuittonsacpascher.fr
    http://www.nikeroshe.us
    http://www.levisjeans.name
    http://www.catshoes.us.com
    http://www.nikeoutletshoes.us
    http://www.underarmourshoes.us
    http://www.sac-michaelkors.fr
    http://www.guccihandbagsoutlet.in.net
    http://www.louboutin-paschers.fr
    http://www.katespadehandbags.org.uk
    http://www.pandora-jewelry.org.uk
    http://www.coachfactoryoutlet-onlines.us.com
    http://www.pandora-bijoux.fr
    http://www.michael-korsoutlet.us.com
    http://www.longchamp-handbags.us
    http://www.montblanc-pens.net.co
    http://www.denverbroncosjerseys.us
    http://www.adidasyeezyboost-350.us
    http://www.sanfrancisco49ersjerseys.us.com
    http://www.adidasshoes.name
    http://www.todsoutlet.name
    http://www.michaelkorsofficial.us
    http://www.seattleseahawksjerseys.us
    http://www.christian-louboutin.us.com
    http://www.burberryoutlets.name
    http://www.fitflopssalesclearance.us.com
    http://www.clevelandcavaliersjerseys.us
    http://www.mbtshoes.name
    http://www.handbagsgucci.us
    http://www.kevindurantshoes.us
    http://www.parker-pens.us.com
    http://www.bostonredsoxjerseys.us
    http://www.fake-rolex.us
    http://www.outletlouisvuitton.us.com
    20170824yueqin
  4. 업로드까지만하고 글쓰던거 취소해버리면
    업로드했던 파일은 쓸모가없어서 지워야되는데
    그과정은 어떻게 깔끔하게 처리할수있을지 음....
  5. 김세창
    잘배웠습니다~!! ㅎㅎ
  6. 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
  7. 늦깎이
    작은선물님 덕분에 하나 해결했습니다. 감사합니다.
    대화보기
    • 작은선물
      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 자세히 보기