Cắt xén hình ảnh là phần quan trọng và bắt buộc nhất trong các dự án truyền thông xã hội. Trong bài đăng này, bạn của tôi, Arun Kumar Shekar, đã triển khai các chức năng cắt xén hình ảnh như tải tệp hình ảnh lên vị trí thực, cắt xén hình ảnh bằng jquery và thay đổi kích thước hình ảnh thành độ phân giải nhỏ. Hy vọng bạn thích điều này cảm ơn
người dùng Chứa chi tiết người dùng tên người dùng, mật khẩu, email, profile_image và profile_image_small, v.v.
TẠO BẢNG ` người dùng ` ( ` uid ` int(11) AUTO_INCREMENT PRIMARY, ` tên người dùng ` varchar(255) KHÓA DUY NHẤT, ` mật khẩu ` varchar(100), ` email ` varchar(255) KHÓA DUY NHẤT, ` profile_image ` varchar(200), ` profile_image_small ` varchar(200), )
mục lục. php Chứa hình ảnh tải lên mã PHP vào thư mục tải lên vị trí thực tế và cập nhật đường dẫn hình ảnh trong bảng người dùng được đặt profile_image
bao gồm (' db. php '); session_start (); $session_id= $_SESSION ['user'];// ID phiên $path = "tải lên/"; $valid_formats = mảng("jpg", "png", "gif", "bmp"); if(isset( $_POST [' gửi'])) { $name = $_FILES [' ảnh ' name']; $size = $_FILES [' photoimg ' size']; if(strlen($name)) { list ($txt, $ext) = explode (". ", $name); if( in_array ($ext,$valid_formats) && $size { $actual_image_name = thời gian (). chất nền ($txt, 5). ". ". $ext; $tmp = $_FILES [' ảnh ' tmp_name']; if( move_uploaded_file ($tmp, $path. $actual_image_name)) { mysql_query (" CẬP NHẬT người dùng SET profile_image='$actual_image_name' WHERE uid='$session_id'"); $image="
Please drag on the image
http://ajax.googleapis.com/ajax/libs/jquery/ 1. 4. 2/jquery. tối thiểu. js"> text/javascript" src="scripts/jquery.imgareaselect.pack.js"> text/javascript"> function getSizes (im,obj) { var x_axis = obj. x1; var x2_axis = obj. x2; var y_axis = obj. y1; var y2_axis = obj. y2; var thumb_width = obj. chiều rộng; var thumb_height = obj. chiều cao; nếu (thumb_width > 0) { if( confirm (" Bạn có muốn lưu ảnh không. ")) { $. ajax({ loại. " NHẬN ", url. " ajax_image. php?t=ajax&img="+$("#image_name"). val()+"&w="+ thumb_width+"&h="+thumb_height+"&x1="+x_axis+"&y1="+y_axis , bộ đệm. sai , thành công. chức năng (đáp ứng) { $( "#cropimage" ). ẩn(); $( "#thumbs" ). html(""); $( "#thumbs" ). html(" "); } }); } } khác cảnh báo (" Vui lòng chọn phần. "); } $( tài liệu ). sẵn sàng (chức năng () { $( 'img#photo' ). imgAreaSelect ({ khía cạnhRatio. '1. 1', onSelectEnd. getSize }); });
ajax_image. php Chứa mã PHP đơn giản, thay đổi kích thước hình ảnh đã cắt thành 100 x 100 pixel và cập nhật vào bảng người dùng profile_image_small
bao gồm (' db. php '); session_start (); $session_id= $_SESSION ['người dùng']; $t_width = 100 ; // Maximum thumbnail width $t_height = 100 ; // Maximum thumbnail height $new_name = " nhỏ ". $session_id. " . jpg "; // Tên hình thu nhỏ $path = " tải lên/ "; if(isset( $_GET ['t']) và $_GET['t'] == "ajax") { trích xuất ( $_GET ); tỷ lệ $ = ($t_width/$w); $nw = trần ($w * $ratio); $nh = trần ($h * $ratio); $nimg = imagecreatetruecolor ($nw,$nh); $im_src = imagecreatefromjpeg ($path. $img); imagecopyresampled ($nimg,$im_src,0,0,$x1,$y1,$nw,$nh,$w,$h); imagejpeg ($nimg,$path. $new_name,90); mysql_query (" CẬP NHẬT người dùng SET profile_image_small=' $new_name ' WHERE uid='$session_id'"); echo $new_name. "?". thời gian (); lối ra; } ?>
db. php Tệp cấu hình cơ sở dữ liệu PHP
$mysql_hostname = "Tên máy chủ" ;< $mysql_user = "Tên người dùng" ;$mysql_password = "Mật khẩu" ;$mysql_database = "Tên cơ sở dữ liệu" ;< $bd = mysql_connect ($mysql_hostname, $mysql_user, $mysql_password) hoặc diediedie("Could not connect database"); mysql_select_db ($mysql_database, $bd) hoặc die ( "Could not select database"); ?>
Làm cách nào để cắt hình ảnh trong PHP?
Hàm imagecrop() là một hàm có sẵn trong PHP được sử dụng để cắt hình ảnh thành hình chữ nhật đã cho. Hàm này cắt một hình ảnh vào khu vực hình chữ nhật đã cho và trả về hình ảnh kết quả.
Làm cách nào để cắt và tải lên hình ảnh trong PHP?
Tải lên và cắt ảnh bằng PHP và jQuery .
Biểu mẫu HTML với tùy chọn tải lên hình ảnh. Đoạn code này dùng để tạo form HTML với file input để người dùng chọn và upload file ảnh lên. .
Mã tải lên hình ảnh PHP. .
Khởi tạo thư viện Jcrop dựa trên jQuery để kích hoạt tính năng cắt xén
Làm cách nào để cắt hình ảnh trong PHP và Javascript?
máy xén var; . addEventListener('DOMContentLoaded', function () { //gán bộ cắt. cropper = new Cropper(hình ảnh, {. Bạn có thể thấy nó hoạt động trong plunker này. Nó sử dụng mã PHP chỉ lấy hình ảnh đã cắt đã tải lên và trả về phiên bản được mã hóa base64 (sử dụng base64_encode())
Làm cách nào để lưu hình ảnh đã cắt trong PHP?
tải lên. php
. php move_uploaded_file($_FILES["croppedImage"]["tmp_name"], "Cropped image.jpg"); echo "Hình ảnh đã được tải lên"; Thế là xong, tiếp tục và thử cắt ảnh và nhấn nút “Cắt”. Vùng đã cắt của bạn sẽ được lưu dưới dạng “Hình ảnh đã cắt.