pembangunan bahagian belakangtutorial phpKemahiran pembangunan PHP: Bagaimana untuk melaksanakan fungsi pemangkasan imejKemahiran pembangunan PHP: Bagaimana untuk melaksanakan fungsi pemangkasan imej
Kemahiran pembangunan PHP: Bagaimana untuk melaksanakan fungsi pemangkasan imej
Dalam pembangunan laman web, kita sering menghadapi keperluan untuk memangkas imej, seperti memuat naik avatar, penjanaan lakaran kecil imej, dsb. Artikel ini akan memperkenalkan cara menggunakan PHP untuk melaksanakan fungsi pemangkasan imej dan menyediakan contoh kod khusus.
- Persediaan
Sebelum kita mula, kita perlu pastikan perpustakaan GD telah dipasang pada pelayan. Pustaka GD ialah lanjutan daripada PHP yang menyediakan fungsi untuk mengendalikan imej. Jika ia tidak dipasang, anda boleh memasangnya menggunakan arahan berikut:
sudo apt-get install php7.2-gd
- Buat halaman pangkasan
Pertama, kita perlu mencipta halaman yang mengandungi borang muat naik dan pratonton tanaman. Berikut ialah contoh kod HTML yang mudah:
<!DOCTYPE html>
<html>
<head>
<title>图片裁剪</title>
<style>
#uploadForm {
margin: 20px;
}
#imagePreview {
width: 200px;
height: 200px;
border: 1px solid #ccc;
margin-top: 20px;
}
</style>
</head>
<body>
<form id="uploadForm" action="crop.php" method="post" enctype="multipart/form-data">
<input type="file" name="file" accept="image/*" required>
<input type="submit" value="上传">
</form>
<div id="imagePreview"></div>
<script>
var uploadForm = document.getElementById('uploadForm');
var imagePreview = document.getElementById('imagePreview');
uploadForm.addEventListener('change', function() {
var file = this['file'].files[0];
var reader = new FileReader();
reader.onload = function(e) {
imagePreview.innerHTML = '<img src="' + e.target.result + '" alt="Kemahiran pembangunan PHP: Bagaimana untuk melaksanakan fungsi pemangkasan imej" >';
}
reader.readAsDataURL(file);
});
</script>
</body>
</html>Halaman ini termasuk borang muat naik dan bekas untuk memaparkan pratonton tanaman. Melalui kod JavaScript, kami boleh memaparkan imej yang dimuat naik oleh pengguna dalam masa nyata.
- Melaksanakan fungsi pemangkasan
Seterusnya, kita perlu mencipta fail PHP untuk menerima imej yang dimuat naik dan melaksanakan operasi pemangkasan. Berikut ialah contoh kod pemangkasan mudah:
<?php
// 获取上传的图片
$file = $_FILES['file'];
// 获取裁剪参数
$x = $_POST['x'];
$y = $_POST['y'];
$width = $_POST['width'];
$height = $_POST['height'];
// 创建一个新的图片资源
$image = imagecreatefromjpeg($file['tmp_name']);
// 创建裁剪后的图片资源
$croppedImage = imagecreatetruecolor($width, $height);
// 进行裁剪操作
imagecopy($croppedImage, $image, 0, 0, $x, $y, $width, $height);
// 保存裁剪后的图片
imagejpeg($croppedImage, 'cropped.jpg');
// 释放图片资源
imagedestroy($image);
imagedestroy($croppedImage);
echo '图片裁剪成功';
?>Dalam contoh ini, kita mula-mula mendapat imej yang dimuat naik dan parameter pemangkasan. Kemudian, cipta sumber imej baharu dan sumber imej yang dipangkas. Seterusnya, gunakan fungsi imagecopy()函数进行裁剪操作。最后，使用imagejpeg() untuk menyimpan imej yang dipangkas. Ambil perhatian bahawa laluan untuk menyimpan imej perlu diubah suai mengikut situasi sebenar. Fungsi pemangkasan boleh dikembangkan mengikut keperluan, seperti menambah putaran, penskalaan dan operasi lain.
- Tingkatkan interaksi halaman
Akhir sekali, kami boleh menambah logik pemerolehan dan penyerahan parameter pemangkasan dalam kod JavaScript halaman yang dipangkas. Berikut ialah contoh kod demo lengkap:
<!DOCTYPE html>
<html>
<head>
<title>图片裁剪</title>
<style>
#uploadForm {
margin: 20px;
}
#imagePreview {
width: 200px;
height: 200px;
border: 1px solid #ccc;
margin-top: 20px;
}
#cropForm {
margin-top: 20px;
}
</style>
</head>
<body>
<form id="uploadForm" action="crop.php" method="post" enctype="multipart/form-data">
<input type="file" name="file" accept="image/*" required>
<input type="submit" value="上传">
</form>
<div id="imagePreview"></div>
<form id="cropForm" action="crop.php" method="post">
<input type="hidden" name="x">
<input type="hidden" name="y">
<input type="hidden" name="width">
<input type="hidden" name="height">
<input type="submit" value="裁剪">
</form>
<script>
var uploadForm = document.getElementById('uploadForm');
var imagePreview = document.getElementById('imagePreview');
var cropForm = document.getElementById('cropForm');
uploadForm.addEventListener('change', function() {
var file = this['file'].files[0];
var reader = new FileReader();
reader.onload = function(e) {
imagePreview.innerHTML = '<img src="' + e.target.result + '" alt="Kemahiran pembangunan PHP: Bagaimana untuk melaksanakan fungsi pemangkasan imej" >';
}
reader.readAsDataURL(file);
});
cropForm.addEventListener('submit', function(e) {
e.preventDefault();
var image = imagePreview.querySelector('img');
var rect = image.getBoundingClientRect();
var x = rect.left - imagePreview.offsetLeft;
var y = rect.top - imagePreview.offsetTop;
var width = rect.width;
var height = rect.height;
cropForm.querySelector('[name="x"]').value = x;
cropForm.querySelector('[name="y"]').value = y;
cropForm.querySelector('[name="width"]').value = width;
cropForm.querySelector('[name="height"]').value = height;
cropForm.submit();
});
</script>
</body>
</html>Dalam contoh ini, kami menambah medan input tersembunyi pada borang pemangkasan untuk menyimpan parameter pemangkasan. Sebelum borang diserahkan, kedudukan dan saiz imej diperoleh melalui kod JavaScript, kemudian parameter pemangkasan diisi dalam medan tersembunyi, dan borang diserahkan.
Ringkasan
Melalui langkah di atas, kami telah berjaya melaksanakan fungsi pemangkasan imej menggunakan PHP. Dengan memuat naik borang dan kod JavaScript, kami boleh pratonton imej yang dimuat naik oleh pengguna dalam masa nyata, dan apabila borang pemangkasan diserahkan, parameter pemangkasan dihantar ke skrip PHP latar belakang untuk operasi pemangkasan. Sudah tentu, ini hanyalah contoh mudah Dalam aplikasi sebenar, sambungan fungsi yang lebih kompleks mungkin diperlukan berdasarkan keperluan khusus. Harap artikel ini membantu anda!
Atas ialah kandungan terperinci Kemahiran pembangunan PHP: Bagaimana untuk melaksanakan fungsi pemangkasan imej. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Tujuan PHP: Membina Laman Web DinamikApr 15, 2025 am 12:18 AMPHP digunakan untuk membina laman web dinamik, dan fungsi terasnya termasuk: 1. Menjana kandungan dinamik dan menghasilkan laman web secara real time dengan menyambung dengan pangkalan data; 2. Proses Interaksi Pengguna dan Penyerahan Bentuk, Sahkan Input dan Menanggapi Operasi; 3. Menguruskan sesi dan pengesahan pengguna untuk memberikan pengalaman yang diperibadikan; 4. Mengoptimumkan prestasi dan ikuti amalan terbaik untuk meningkatkan kecekapan dan keselamatan laman web.
PHP: Pengendalian pangkalan data dan logik sisi pelayanApr 15, 2025 am 12:15 AMPHP menggunakan sambungan MySQLI dan PDO untuk berinteraksi dalam operasi pangkalan data dan pemprosesan logik sisi pelayan, dan memproses logik sisi pelayan melalui fungsi seperti pengurusan sesi. 1) Gunakan MySQLI atau PDO untuk menyambung ke pangkalan data dan laksanakan pertanyaan SQL. 2) Mengendalikan permintaan HTTP dan status pengguna melalui pengurusan sesi dan fungsi lain. 3) Gunakan urus niaga untuk memastikan atomik operasi pangkalan data. 4) Mencegah suntikan SQL, gunakan pengendalian pengecualian dan sambungan penutup untuk debugging. 5) Mengoptimumkan prestasi melalui pengindeksan dan cache, tulis kod yang sangat mudah dibaca dan lakukan pengendalian ralat.
Bagaimana anda menghalang suntikan SQL di PHP? (Penyataan yang disediakan, PDO)Apr 15, 2025 am 12:15 AMMenggunakan penyataan preprocessing dan PDO dalam PHP secara berkesan dapat mencegah serangan suntikan SQL. 1) Gunakan PDO untuk menyambung ke pangkalan data dan tetapkan mod ralat. 2) Buat kenyataan pra -proses melalui kaedah menyediakan dan lulus data menggunakan ruang letak dan laksanakan kaedah. 3) Hasil pertanyaan proses dan pastikan keselamatan dan prestasi kod.
PHP dan Python: Contoh dan perbandingan kodApr 15, 2025 am 12:07 AMPHP dan Python mempunyai kelebihan dan kekurangan mereka sendiri, dan pilihannya bergantung kepada keperluan projek dan keutamaan peribadi. 1.PHP sesuai untuk pembangunan pesat dan penyelenggaraan aplikasi web berskala besar. 2. Python menguasai bidang sains data dan pembelajaran mesin.
PHP dalam Tindakan: Contoh dan aplikasi dunia nyataApr 14, 2025 am 12:19 AMPHP digunakan secara meluas dalam e-dagang, sistem pengurusan kandungan dan pembangunan API. 1) e-dagang: Digunakan untuk fungsi keranjang belanja dan pemprosesan pembayaran. 2) Sistem Pengurusan Kandungan: Digunakan untuk penjanaan kandungan dinamik dan pengurusan pengguna. 3) Pembangunan API: Digunakan untuk Pembangunan API RESTful dan Keselamatan API. Melalui pengoptimuman prestasi dan amalan terbaik, kecekapan dan pemeliharaan aplikasi PHP bertambah baik.
PHP: Membuat kandungan web interaktif dengan mudahApr 14, 2025 am 12:15 AMPHP menjadikannya mudah untuk membuat kandungan web interaktif. 1) Secara dinamik menjana kandungan dengan memasukkan HTML dan paparkannya dalam masa nyata berdasarkan input pengguna atau data pangkalan data. 2) Penyerahan borang proses dan menjana output dinamik untuk memastikan bahawa htmlspecialchars digunakan untuk mencegah XSS. 3) Gunakan MySQL untuk membuat sistem pendaftaran pengguna, dan gunakan kata laluan dan preprocessing untuk meningkatkan keselamatan. Menguasai teknik ini akan meningkatkan kecekapan pembangunan web.
PHP dan Python: Membandingkan dua bahasa pengaturcaraan yang popularApr 14, 2025 am 12:13 AMPHP dan Python masing -masing mempunyai kelebihan mereka sendiri, dan memilih mengikut keperluan projek. 1.PHP sesuai untuk pembangunan web, terutamanya untuk pembangunan pesat dan penyelenggaraan laman web. 2. Python sesuai untuk sains data, pembelajaran mesin dan kecerdasan buatan, dengan sintaks ringkas dan sesuai untuk pemula.
Relevannya PHP: Adakah ia masih hidup?Apr 14, 2025 am 12:12 AMPHP masih dinamik dan masih menduduki kedudukan penting dalam bidang pengaturcaraan moden. 1) kesederhanaan PHP dan sokongan komuniti yang kuat menjadikannya digunakan secara meluas dalam pembangunan web; 2) fleksibiliti dan kestabilannya menjadikannya cemerlang dalam mengendalikan borang web, operasi pangkalan data dan pemprosesan fail; 3) PHP sentiasa berkembang dan mengoptimumkan, sesuai untuk pemula dan pemaju yang berpengalaman.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Dreamweaver CS6
Alat pembangunan web visual
Pelayar Peperiksaan Selamat
Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.
SublimeText3 Linux versi baharu
SublimeText3 Linux versi terkini
MantisBT
Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.
Versi Mac WebStorm
Alat pembangunan JavaScript yang berguna
