Безвозвратный details php image id
The uploaded image is stored in a directory of the server and the respective image name is inserted into the database. But if you want to upload an image without storing on the server, it can be done using MySQL database. If you’re concerned about the server space and need to free space on your server, you can insert an image file in the database without upload it to the directory. This procedure helps to optimize the server space because the image file content is stored in the database rather than the server.
In this tutorial, we will show you how to store the image file into MySQL database and retrieve image from database using PHP . It’s very easy to store and retrieve images from the database using PHP and MySQL.
Insert Image File in MySQL
MySQL has a BLOB (binary large object) data type that can hold a large amount of binary data. The BLOB data type is perfect for storing the image data. In MySQL, four BLOB types are available – TINYBLOB, BLOB, MEDIUMBLOB, and LONGBLOB.
To store the image data a table needs to be created in the database. The following SQL creates images table with LONGBLOB data type field in the MySQL database.
CREATE TABLE `images ` (`id` int (11 ) NOT NULL AUTO_INCREMENT, `image` longblob NOT NULL , `created` datetime NOT NULL , PRIMARY KEY (`id` )) ENGINE= InnoDB DEFAULT CHARSET= utf8 COLLATE= utf8_unicode_ci;Image Upload Form
The following HTML form allows users to choose the image file to upload.
Store Image in Database (upload.php)
The upload.php file contains the following functionalities.
- Check whether the user selects an image file to upload.
- Retrieve the content of image file by the tmp_name .
- Create the connection to MySQL database and select the database.
- Insert the binary content of the image in the images table.
$check = getimagesize ($_FILES [ "image" ][ "tmp_name" ]);
if($check !== false ){
$image = $_FILES [ "image" ][ "tmp_name" ];
$imgContent = addslashes (file_get_contents ($image ));/*
* Insert image data into database
*/
//DB details
$dbUsername = "root" ;
$dbPassword = "*****" ;
$dbName = "codexworld" ;$db = new mysqli ($dbHost , $dbUsername , $dbPassword , $dbName );// Check connection
if($db -> connect_error ){
die("Connection failed: " . $db -> connect_error );
}$dataTime = date ("Y-m-d H:i:s" );//Insert image content into database
$insert = $db -> query ("INSERT into images (image, created) VALUES (" $imgContent ", " $dataTime ")" );
if($insert ){
echo "File uploaded successfully." ;
}else{
echo "File upload failed, please try again." ;
}
}else{
echo "Please select an image file to upload." ;
}
}
?>
Retrieve image from database (view.php)
In this file, we will retrieve the image content from the MySQL database based on the ID and display on the web page. To render image file in the web page, the Content-type header is used.
if(!empty($_GET [ "id" ])){//DB details
$dbHost = "localhost" ;
$dbUsername = "root" ;
$dbPassword = "*****" ;
$dbName = "codexworld" ;//Create connection and select DB
$db = new mysqli ($dbHost , $dbUsername , $dbPassword , $dbName );//Check connection
if($db -> connect_error ){
die("Connection failed: " . $db -> connect_error );
}//Get image data from database
$result = $db -> query ("SELECT image FROM images WHERE id = { $_GET [ "id" ]} " );$result -> num_rows > 0 ){
$imgData = $result -> fetch_assoc ();//Render image
header ("Content-type: image/jpg" );
echo $imgData [ "image" ];
}else{
echo "Image not found..." ;
}
}
?>
Are you want to get implementation help, or modify or extend the functionality of this script?
Last modified on February 24th, 2017 by Vincy.
While displaying images for our websites, it is important to ensure that it could be set within our layout boundary. If not, we need to resize these images, accordingly. In PHP, resizing an image, it can be achieved by using a set of PHP functions to create a new image from scratch, with the given dimensions, in which the original image is expected to be resized.
So, a combination of such functions is used to obtain the following steps, which will result in successful image resize through PHP programming.
- Get image id for the source image.
- Get resource id for target image layer.
- Resizing and reassembling.
- Save resized image into given target location.
Get Image Resource Id for Source Image
For working on the given image file to be resized, we need to get the resource identifier for reference, as we have done while after getting file resource, or like, getting directory handle to perform .
In PHP, there are various functions to get an image file resource id. These functions are used appropriately based on the type of image given for resizing. For example, imagecreatefromjpeg() , imagecreatefromgif() , imagecreatefrompng() , used to get the resource identifier for JPEG, GIF and PNG images.
In this step, first, we need to get image type by using PHP function getimagesize() , which is used for getting an entire list of image properties, including width, height and etc. After that, we can apply a suitable function to get the resource id. All these PHP functions used to get image properties and to get image file resource data expects name or path of the image file. For example,
$file = "christmas.jpg"; $source_properties = getimagesize($file); $image_type = $source_properties; if($image_type == IMAGETYPE_JPEG) { $image_resource_id = imagecreatefromjpeg($file); } elseif($image_type == IMAGETYPE_GIF) { $image_resource_id = imagecreatefromgif($file); } elseif($image_type == IMAGETYPE_PNG) { $image_resource_id = imagecreatefrompng($file); }
The used in conditional statements are predefined with appropriate integer value denotes image type. For example, IMAGETYPE_JPEG defined with value 2 which is used for indicating JPEG image.
Get Resource Id for Target Image Layer
After getting reference resource id from source image file, we need to create a new image as a target layer. This image will be created with the dimensions to what the original image is expected to be resized.
PHP built-in function, named as, imagecreatetruecolor() is used for this purpose, by accepting required dimensions, that is, the width and height of the target image. For example,
$target_width =200; $target_height =200; $target_layer=imagecreatetruecolor($target_width,$target_height);
imagecreatetruecolor() function will create empty image. Added to that, it will return resource data identifier as a reference to the newly created image with specified width and height parameter. This reference will be used in subsequent steps, for mentioning target, on top of which the resized image will be assembled.
Resizing and Reassembling
For this step, we should provide a list of details about the source and the target image, that are used in image resize process. These are,
- Source and target layer resource id
- Dimensions for denoting width and height of the original image and target image layer.
Using these details provided, required portion of the original image will be copied and reassembled onto the target layer. For that, PHP function, named as, imagecopyresampled() for such resizing and reassembling process. For example,
Imagecopyresampled($target_layer,$image_resource_id,0,0,0,0,$target_width,$target_height, $source_properties,$source_properties);
In this code sample, shown above, some of the arguments of this function are passed with 0 value. These arguments, actually, represents the x, y coordinates of target and source image, respectively.
These arguments will contain values for cropping some portion of the source image. Otherwise, there is no need to mention x,y points, meaning that, the entire image will be cropped to preserve its appearance as it is except its dimensions.
Note: There is an equivalent PHP function imagecopyresized() as like as imagecopyresampled() , whereas, the imagecopyresampled() function creates resized the image with more quality, comparatively.
Save Resized Image into Target Location
Finally, it’s time for saving resized image to the target location. For that, we need to specify the following details.
- Resource id of the resized image layer.
- Target image name or location.
Now, we can use the code sample shown below to save resized image layer.
Imagejpeg($target_layer,"christmas_thump.jpg");
Code sample shown in each step is applicable only for JPEG image. We can replicate the same for other image types by using appropriate PHP functions.
Example: PHP Image Resize
This example shows how to resize any type of image file uploaded from an HTML form. So, the PHP script is shown below handles the uploaded image file to be resized.
And the HTML code which includes the form container to upload image file is,
Вы наверняка задавались вопросом «Что это за цифры и где мой путь к картинке?» 🙂 Давайте разберем несколько примеров, как с этим можно работать.
Как узнать полный путь к картинке в Битриксе
Файлы изображений нам обычно нужны, когда мы говорим за новости или товары. За такие поля, как правило, отвечают свойства элемента «Картинка для анонса » и «Детальная картинка «. Иногда, создают свойства инфоблока, тип этого свойства файл, и используют для дополнительных изображений (например, галерея товаров). Вся проблема в том, что Битрикс не даст вам сразу готовый путь к файлу изображения, или к его уменьшенной ресайз копии.
Советую для начала прочесть небольшую статью про вывод элементов на странице т.к. в дальнейшем мы столкнемся с похожим кодом.
"ASC"),
Array("IBLOCK_ID" => $iblock_id),
false,
false,
Array("ID", "NAME", "DETAIL_PAGE_URL", "PREVIEW_PICTURE", "DETAIL_PICTURE"));
while($ar_fields = $my_elements->GetNext())
{
echo $ar_fields["PREVIEW_PICTURE"]."
";
}
endif;
?>
и на самом деле все отработало правильно, мы получили «код изображений», некий уникальный идентификатор файла, по которому мы сможем получить данные.
В 1С-Битрикс есть класс CFile — который используется для работы с файлами и изображениями. Мы воспользуемся его методом GetPath и получим полный путь к изображению на примере картинки для анонса (для детальной все точно также):
"ASC"),
Array("IBLOCK_ID" => $iblock_id),
false,
false,
Array("ID", "NAME", "DETAIL_PAGE_URL", "PREVIEW_PICTURE", "DETAIL_PICTURE"));
while($ar_fields = $my_elements->
";
$img_path = CFile::GetPath($ar_fields["PREVIEW_PICTURE"]);
echo $img_path."
";
}
endif;
?>
Теперь у меня выводит:
/upload/iblock/c2a/c2a29aad47791f81f6fa8fd038d83789.jpg /upload/iblock/35e/35e000d0e7c3a94b32fb086c627f87eb.jpg /upload/iblock/088/08847400f3c59cae1371cf97009228a9.jpg
Отлично, это то что нужно. Теперь мы при помощи HTML тега img сможем задать картинке путь. Меняем нашу строчку с echo
Echo "
";
Как изменить размер изображений в Битриксе или выполнить ресайз
Перед тем как создать проект или новый инфоблок, всегда думайте «какого размера должны быть мои изображения «. Это очень важно, т.к. если вы не настроите в информационном блоке уменьшение картинки после загрузки, генерацию картинки анонса из детальной (если нужно) и прочие параметры, то размер вашей страницы может превышать несколько мегабайт (а в очень редких случаях даже больше 10 мб 🙂).
На самом деле, когда вы строго задаете размеры изображению, используя CSS, картинка все равно грузится в полном размере, и такие вещи не прокатят:
//HTML
Это не решит нашу проблему с размером исходного изображения на странице, и единственные допустимые правила, на мой взгляд, могут быть max-width и max-height .
Рассмотрим случай, когда у нас уже есть большие картинки и мы хотим получить их уменьшенные копии. Нам поможет метод CFile::ResizeImageGet . Его преимущество в том, что когда мы запускаем страницу, он создает картинки в папке /upload/resize_cache/путь — и если такая картинка уже есть, он автоматически вернет нам путь к ней. Кроме того, мы можем задавать любой размер, качество и даже вид масштабирования изображений.
Вот какие типы нам доступны (информация взята из официальной документации Битрикс ):
- BX_RESIZE_IMAGE_EXACT — масштабирует в прямоугольник $arSize c сохранением пропорций, обрезая лишнее;
- BX_RESIZE_IMAGE_PROPORTIONAL — масштабирует с сохранением пропорций, размер ограничивается $arSize;
- BX_RESIZE_IMAGE_PROPORTIONAL_ALT — масштабирует с сохранением пропорций, размер ограничивается $arSize, улучшенная обработка вертикальных картинок.
Давайте попробуем уменьшить наши картинки используя ResizeImageGet:
"ASC"),
Array("IBLOCK_ID" => $iblock_id),
false,
false,
Array("ID", "NAME", "DETAIL_PAGE_URL", "PREVIEW_PICTURE", "DETAIL_PICTURE"));
while($ar_fields = $my_elements->GetNext())
{
//echo $ar_fields["PREVIEW_PICTURE"]."
";
//$img_path = CFile::GetPath($ar_fields["PREVIEW_PICTURE"]);
$img_resize_path = CFile::ResizeImageGet($ar_fields["PREVIEW_PICTURE"],
array("width"=>"100", "height"=>"150"),
BX_RESIZE_IMAGE_PROPORTIONAL);
//echo "
";print_r($img_resize_path);echo ""; echo "
"; } endif; ?>
$img_resize_path[‘src’] — надеюсь вы заметили что этот метод возвращает нам массив, и нам нужен только src .
Разберем по порядку:
$ ar_ fields[« PREVIEW_ PICTURE»] — поле для кода файла (для детальной меняем на $ar_fields[«DETAIL_PICTURE»]),
array(‘ width’=>’100′, ‘ height’=>’150′) — размеры итогового изображения (или вышеупомянутый arSize),
BX_ RESIZE_ IMAGE_ PROPORTIONAL — тип масштабирования, про котором наши изображения не будут вылазить за указанные границы.
В официальной документации этого метода есть подробное описание, кроме того, там описываются остальные 4 параметра, которые мы тут не использовали (InitSizes, Filters, Immediate, jpgQuality) .
