pembangunan bahagian belakang
tutorial php
Kemahiran pembangunan PHP: Bagaimana untuk melaksanakan fungsi pemangkasan imej
Kemahiran 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!
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
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1381
52
Perkongsian Petua Win11: Langkau Log Masuk Akaun Microsoft dengan Satu Helah
Mar 27, 2024 pm 02:57 PM
Perkongsian Petua Win11: Satu helah untuk melangkau log masuk akaun Microsoft Windows 11 ialah sistem pengendalian terkini yang dilancarkan oleh Microsoft, dengan gaya reka bentuk baharu dan banyak fungsi praktikal. Walau bagaimanapun, bagi sesetengah pengguna, perlu log masuk ke akaun Microsoft mereka setiap kali mereka boot sistem boleh menjadi agak menjengkelkan. Jika anda salah seorang daripada mereka, anda juga boleh mencuba petua berikut, yang akan membolehkan anda melangkau log masuk dengan akaun Microsoft dan memasuki antara muka desktop secara langsung. Pertama, kita perlu mencipta akaun tempatan dalam sistem untuk log masuk dan bukannya akaun Microsoft. Kelebihan melakukan ini ialah
Apakah petua untuk orang baru membuat borang?
Mar 21, 2024 am 09:11 AM
Kami sering membuat dan mengedit jadual dalam excel, tetapi sebagai orang baru yang baru bersentuhan dengan perisian, cara menggunakan excel untuk mencipta jadual bukanlah semudah bagi kami. Di bawah, kami akan menjalankan beberapa latihan mengenai beberapa langkah penciptaan meja yang perlu dikuasai oleh pemula, iaitu pemula, Kami berharap ia akan membantu mereka yang memerlukan. Contoh borang untuk pemula ditunjukkan di bawah: Mari lihat cara melengkapkannya! 1. Terdapat dua kaedah untuk mencipta dokumen excel baharu. Anda boleh klik kanan tetikus pada lokasi kosong pada fail [Desktop] - [Baru] - [xls]. Anda juga boleh [Mula]-[Semua Program]-[Microsoft Office]-[Microsoft Excel 20**] 2. Dwiklik bekas baharu kami
Perkara yang mesti dimiliki oleh veteran: Petua dan langkah berjaga-jaga untuk * dan & dalam bahasa C
Apr 04, 2024 am 08:21 AM
Dalam bahasa C, ia mewakili penunjuk, yang menyimpan alamat pembolehubah lain & mewakili pengendali alamat, yang mengembalikan alamat memori pembolehubah. Petua untuk menggunakan penunjuk termasuk mentakrifkan penunjuk, membatalkan rujukan dan memastikan bahawa penunjuk menunjuk ke alamat yang sah & termasuk mendapatkan alamat pembolehubah, dan mengembalikan alamat elemen pertama tatasusunan apabila mendapatkan alamat elemen tatasusunan; . Contoh praktikal yang menggambarkan penggunaan penunjuk dan pengendali alamat untuk membalikkan rentetan.
Panduan Bermula VSCode: Mesti dibaca untuk pemula untuk menguasai kemahiran penggunaan dengan cepat!
Mar 26, 2024 am 08:21 AM
VSCode (Visual Studio Code) ialah editor kod sumber terbuka yang dibangunkan oleh Microsoft Ia mempunyai fungsi yang berkuasa dan sokongan pemalam yang kaya, menjadikannya salah satu alat pilihan untuk pembangun. Artikel ini akan menyediakan panduan pengenalan untuk pemula untuk membantu mereka menguasai kemahiran menggunakan VSCode dengan cepat. Dalam artikel ini, kami akan memperkenalkan cara memasang VSCode, operasi penyuntingan asas, kekunci pintasan, pemasangan pemalam, dsb., dan menyediakan contoh kod khusus kepada pembaca. 1. Pasang VSCode dahulu, kita perlu
Trik Win11 Didedahkan: Cara Memintas Log Masuk Akaun Microsoft
Mar 27, 2024 pm 07:57 PM
Helah Win11 didedahkan: Cara memintas log masuk akaun Microsoft Baru-baru ini, Microsoft melancarkan sistem pengendalian baharu Windows11, yang telah menarik perhatian meluas. Berbanding dengan versi sebelumnya, Windows 11 telah membuat banyak pelarasan baharu dari segi reka bentuk antara muka dan penambahbaikan fungsi, tetapi ia juga telah menyebabkan beberapa kontroversi Perkara yang paling menarik perhatian ialah ia memaksa pengguna untuk log masuk ke sistem dengan akaun Microsoft . Bagi sesetengah pengguna, mereka mungkin lebih terbiasa log masuk dengan akaun tempatan dan tidak bersedia untuk mengikat maklumat peribadi mereka ke akaun Microsoft.
Kemahiran pengaturcaraan PHP: Bagaimana untuk melompat ke halaman web dalam masa 3 saat
Mar 24, 2024 am 09:18 AM
Tajuk: Petua Pengaturcaraan PHP: Cara Melompat ke Halaman Web dalam masa 3 Saat Dalam pembangunan web, kita sering menghadapi situasi di mana kita perlu melompat ke halaman lain secara automatik dalam tempoh masa tertentu. Artikel ini akan memperkenalkan cara menggunakan PHP untuk melaksanakan teknik pengaturcaraan untuk melompat ke halaman dalam masa 3 saat, dan memberikan contoh kod khusus. Pertama sekali, prinsip asas lompat halaman direalisasikan melalui medan Lokasi dalam pengepala respons HTTP. Dengan menetapkan medan ini, penyemak imbas secara automatik boleh melompat ke halaman yang ditentukan. Di bawah ialah contoh mudah yang menunjukkan cara menggunakan P
Petua untuk menggunakan kelas borang Laravel: cara untuk meningkatkan kecekapan
Mar 11, 2024 pm 12:51 PM
Borang adalah bahagian penting dalam menulis laman web atau aplikasi. Laravel, sebagai rangka kerja PHP yang popular, menyediakan kelas bentuk yang kaya dan berkuasa, menjadikan pemprosesan borang lebih mudah dan lebih cekap. Artikel ini akan memperkenalkan beberapa petua tentang menggunakan kelas borang Laravel untuk membantu anda meningkatkan kecekapan pembangunan. Yang berikut menerangkan secara terperinci melalui contoh kod tertentu. Mencipta borang Untuk mencipta borang dalam Laravel, anda perlu menulis borang HTML yang sepadan dalam paparan terlebih dahulu. Apabila bekerja dengan borang, anda boleh menggunakan Laravel
Pemahaman mendalam tentang teknik pemfaktoran semula fungsi dalam bahasa Go
Mar 28, 2024 pm 03:05 PM
Dalam pembangunan program bahasa Go, kemahiran pembinaan semula fungsi adalah bahagian yang sangat penting. Dengan mengoptimumkan dan memfaktorkan semula fungsi, anda bukan sahaja boleh meningkatkan kualiti dan kebolehselenggaraan kod, tetapi juga meningkatkan prestasi program dan kebolehbacaan. Artikel ini akan menyelidiki teknik pembinaan semula fungsi dalam bahasa Go, digabungkan dengan contoh kod khusus, untuk membantu pembaca memahami dan menggunakan teknik ini dengan lebih baik. 1. Contoh kod 1: Ekstrak serpihan kod pendua Dalam pembangunan sebenar, kita sering menghadapi serpihan kod yang digunakan semula Pada masa ini, kita boleh mempertimbangkan untuk mengekstrak kod berulang sebagai fungsi bebas
