2015-08-22 6 views
1

Я создал приложение для рисования холста HTML5 с помощью this видеоролика. Теперь я хочу сохранить его как изображение в базе данных с помощью codeigniter. Также я хочу разрешить пользователю вводить имя для этого изображения, прежде чем сохранять его в базе данных . Я новичок в кодерикторе. Могу ли я помочь мне с этим. Вот что я сделал до сих порСохранить холст с помощью Codeigniter

html code ..................... ..

<div class="col-lg-3"> 
     <div id="toolbar">  
      <div id="rad"> 
       Radius <span id="radval">10</span> 
        <div id="decrad" class="radcontrol">-</div> 
        <div id="incrad" class="radcontrol">+</div> 
        <div id="colors"></div> 
        <div id="save">Save</div> 
      </div> 
     </div> 
      <canvas id="canvas"></canvas> 
</div> 

Javascript код для сохранения .................................... .

var saveButton=document.getElementById('save'); 
    saveButton.addEventListener('click',saveImage); 
    function saveImage(){ 
     var data=canvas.toDataURL(); 
     var request=new XMLHttpRequest(); 

     request.onreadystatechange=function(){ 
      if(request.readyState==4&& request.status==200){ 
       var response= request.responseText; 
       console.log(response); 
      } 
     } 

     request.open('POST','http://localhost/cafdc/MainController/save',true); 
     request.setRequestHeader('Content-type','application/x-www-form-urlencoded'); 
     request.send('img='+data); 
    } 

ответ

0

CodeIgniter имеет встроенную библиотеку для анимации изображений, например, обрезку, изменение размера и т. Д. У вас есть сохранение изображения по имени или его путь в базе данных. Не должно быть сохранено изображение в базе данных, это не предпочтительнее и является плохим пратисом.

Для того, чтобы работать в CI, вы должны создать контроллер, как этот

<?php 
if (! defined('BASEPATH')) exit('No direct script access allowed'); 

ini_set("display_errors",1); 



    class Image_upload extends CI_Controller { 

function __construct() 
    { 
      // Call the Model constructor 
      parent::__construct(); 
      $this->load->helper(array('form', 'url')); 
      $this->load->model('your_model'); 



    } 


public function index() { 

     $this->load->view('header'); 
     $this->load->view('your_view'); 

    }// index function ends 

function doupload() { 

//set preferences 
     $config['remove_spaces']=TRUE; 
     $config['encrypt_name'] = TRUE; // for encrypting the name 
     $config['upload_path'] = LARGEPATH; 
     $config['allowed_types'] = 'jpg|png|gif'; 
     $config['max_size'] = '78000'; 

//load upload class library 
     $this->load->library('upload', $config); 

     //$this->upload->do_upload('filename') will upload selected file to destiny folder 
     if (!$this->upload->do_upload('filename')) 
     { 
      // case - failure 
      $upload_error = array('error' => $this->upload->display_errors()); 
      $this->load->view('some_view', $upload_error); 
     } 
     else 
     { 
      // case - success 
     } 

// модель

class Your_Model extends CI_Model { 

     //table name 
     private $file = 'files'; // files  

     function save_files_info($files) { 
      //start db traction 
} 

И выше код будет вид, который загружается в контроллер Далее может дать вы ссылаетесь

http://www.tutsmore.com/tutorials/codeigniter-image-upload-with-mysql/ начало отсюда

Смежные вопросы