2016-12-05 7 views
1

Надеюсь, кто-то может помочь.Как вызвать изображение из базы данных с помощью Codeigniter?

Я выполняю задание в колледже в тот момент, когда я создаю сайт для покупки кубков/футболок с мемом по их выбору, чтобы надеть чашку/футболку.

Прошу прощения за мой недостаток кода здесь, поскольку я только начинаю его, и я ищу помощь по направлению, которое я должен сделать.

На данный момент у меня есть все изображения в папке с изображениями, и у меня есть запись для каждого мема в моей базе данных с расположением изображения. Это мой мемо-стол. Не обращайте внимания на положительные/отрицательные поля, как это для пользователя вверх или вниз голосования мемы (Spec требования)

CREATE TABLE `memes` (
    `id` int(11) NOT NULL AUTO_INCREMENT, 
    `name` varchar(11) NOT NULL, 
    `image` varchar(500) NOT NULL, 
    `postive` int(11) NOT NULL, 
    `negative` int(15) NOT NULL 
    ) ENGINE=InnoDB DEFAULT CHARSET=latin1; 

    sample data = (1, 'baby', 'images/baby.jpg', '0', '0'), 

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

<script type="text/javascript"> 
function main(value) 
{ 
    if (value == 1) 
    { 
     document.getElementById("mainColour").src = "images/dog.jpg"; 

    } 
    else if (value == 2) 
    { 
     document.getElementById("mainColour").src = "images/disney.jpg"; 

    } 
    else if (value == 3) 
    { 
     document.getElementById("mainColour").src = "images/baby.jpg"; 

    } 
    else if (value == 4) 
    { 
     document.getElementById("mainColour").src = "images/waiting.jpg"; 

    } 

    else if (value == 5) 
    { 
     document.getElementById("mainColour").src = "images/duck.jpg"; 
    } 
} 
</script> 
<body> 
<h1> Design your cup! </h1> 
<div id = "page"> 
<div id = "middle"> 

<img src="images/basecup.jpg" width="450" height="450" alt="shoe"id="base"/> 
<div id="cupmeme"><img src="images/blank.png" width="150" height="150"alt="shoe" id="mainColour"/></div> 
</div> 

<div id = "leftMenu"> 

<p>Which meme would you like??</br> 
    <input type="radio" name="main" id = "colourMain" onclick="main(this.value)" value="1" checked >Blue 
    <input type="radio" name="main" id = "colourMain" onclick="main(this.value)" value="2">Green 
    <input type="radio" name="main" id = "colourMain" onclick="main(this.value)" value="3">Pink (+ EUR 5.00) 
    <input type="radio" name="main" id = "colourMain" onclick="main(this.value)" value="4">Red 
    <input type="radio" name="main" id = "colourMain" onclick="main(this.value)" value="5">Brown 
</p> 

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

Может ли кто-нибудь посоветовать? Извините, если это не ясно. Последнее задание года, поэтому я очень хочу просто сделать это.

Большое спасибо,

Killian.

ответ

0

Можно ли использовать услуги для размещения изображений для вас? Тогда я бы посмотрел что-то вроде http://cloudinary.com/, или Amazon S3, и сохранил ссылку на изображение в моей таблице memes.

Или вы можете перейти к двоичному маршруту и ​​сохранить каждое изображение в виде двоичных данных.

0

Похоже, что вы храните URL-адрес изображения в своей базе данных уже (?), Что хорошо. Не записывая все для вас, вы, вероятно, захотите посмотреть на создание метода для захвата изображения на основе идентификатора (эффективно, что делает ваш JavaScript).

Таким образом, вместо выражения большого if в JavaScript вы можете запустить один вызов AJAX (посмотрите на загрузку jQuery), который будет принимать идентификатор и вернуть URL-адрес изображения.

Таким образом, вы можете использовать то, что хранится в вашей базе данных, а не вручную выписывать HTML и JavaScript.

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

  • Нет связанных вопросов^_^