Rumah pembangunan bahagian belakang tutorial php php+js实现图片的上传、裁剪、预览、提交示例_PHP

php+js实现图片的上传、裁剪、预览、提交示例_PHP

Jun 01, 2016 pm 12:03 PM
Muat naik imej Pemotongan imej

首先用到的语言是php、插件imgareaselect(下载地址),没有太多花哨的样式,index.php代码如下:
复制代码 代码如下:








图片裁剪、预览


//上传图片后,把图片复制到upload文件夹下面
if($_POST){
$photo = $_FILES['img']['name'];
$tmp_addr = $_FILES['img']['tmp_name'];

$path = 'upload/';
$type=array("jpg","gif","jpeg","png");
$tool = substr(strrchr($photo,'.'),1);
if(!in_array(strtolower($tool),$type)){
$text=implode('.',$type);
echo "您只能上传以下类型文件: ",$text,"
";
}else{
$filename = explode(".",$photo); //把上传的文件名以"."好为准做一个数组。
$time = date("m-d-H-i-s"); //取当前上传的时间
$filename[0] = $time; //取文件名
$name = implode(".",$filename); //上传后的文件名
$uploadfile = $path.$name;
$_SESSION['upfile'] = $uploadfile;//上传后的文件名地址
move_uploaded_file($tmp_addr,$uploadfile);
}
// echo $uploadfile;
}
?>







if(isset($_SESSION['upfile'])){?>
php+js实现图片的上传、裁剪、预览、提交示例_PHP
}?>




php+js实现图片的上传、裁剪、预览、提交示例_PHP


Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menggunakan vue dan Element-plus untuk melaksanakan fungsi pemangkasan dan penggiliran imej Cara menggunakan vue dan Element-plus untuk melaksanakan fungsi pemangkasan dan penggiliran imej Jul 19, 2023 pm 07:04 PM

Cara menggunakan Vue dan ElementPlus untuk melaksanakan fungsi pemangkasan dan penggiliran imej Pengenalan: Memandangkan aplikasi web mempunyai keperluan yang lebih tinggi dan lebih tinggi untuk pengalaman pengguna, pemprosesan imej telah menjadi bahagian yang tidak boleh diabaikan. Sebagai rangka kerja JavaScript yang popular, Vue, digabungkan dengan ElementPlus, pustaka komponen UI yang sangat baik, memberikan kami pelbagai alatan dan fungsi untuk memangkas dan memutar imej dengan cepat dan mudah. Artikel ini akan berdasarkan Vue dan ElementPlus untuk memperkenalkan anda

Bagaimana untuk melaksanakan fungsi pemangkasan imej dalam JavaScript? Bagaimana untuk melaksanakan fungsi pemangkasan imej dalam JavaScript? Oct 18, 2023 am 09:54 AM

Bagaimana untuk melaksanakan fungsi pemangkasan imej dalam JavaScript? Dengan perkembangan pesat Internet mudah alih, fungsi pemangkasan imej menjadi semakin biasa dalam banyak tapak web dan aplikasi mudah alih. Sebagai bahasa pembangunan bahagian hadapan, JavaScript menyediakan banyak perpustakaan dan teknologi untuk melaksanakan fungsi pemangkasan imej. Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk melaksanakan fungsi pemangkasan imej dan memberikan contoh kod khusus. 1. Reka bentuk struktur HTML Pertama, kita perlu mencipta bekas dalam halaman untuk memaparkan gambar dan kotak pemangkasan

Applet WeChat melaksanakan fungsi muat naik imej Applet WeChat melaksanakan fungsi muat naik imej Nov 21, 2023 am 09:08 AM

Applet WeChat melaksanakan fungsi muat naik gambar Dengan perkembangan Internet mudah alih, applet WeChat telah menjadi bahagian yang amat diperlukan dalam kehidupan orang ramai. Program mini WeChat bukan sahaja menyediakan pelbagai senario aplikasi, tetapi juga menyokong fungsi yang ditentukan oleh pembangun, termasuk fungsi muat naik imej. Artikel ini akan memperkenalkan cara untuk melaksanakan fungsi muat naik imej dalam applet WeChat dan memberikan contoh kod khusus. 1. Kerja persediaan Sebelum mula menulis kod, kita perlu memuat turun dan memasang alat pembangun WeChat dan mendaftar sebagai pembangun WeChat. Pada masa yang sama, anda juga perlu memahami WeChat

Langkah-langkah untuk melaksanakan muat naik dan paparan imej menggunakan rangka kerja CakePHP Langkah-langkah untuk melaksanakan muat naik dan paparan imej menggunakan rangka kerja CakePHP Jul 29, 2023 pm 04:21 PM

Langkah-langkah untuk melaksanakan muat naik dan paparan imej menggunakan rangka kerja CakePHP Pengenalan: Dalam aplikasi web moden, muat naik dan paparan imej adalah keperluan fungsian biasa. Rangka kerja CakePHP menyediakan pembangun dengan fungsi yang berkuasa dan alatan yang mudah, menjadikannya mudah dan cekap untuk memuat naik dan memaparkan imej. Artikel ini akan memperkenalkan anda kepada cara menggunakan rangka kerja CakePHP untuk memuat naik dan memaparkan imej. Langkah 1: Buat borang muat naik fail Pertama, kita perlu mencipta borang dalam fail paparan untuk pengguna memuat naik imej. Berikut adalah contoh

VUE3 Contoh Bermula: Membuat Pemotong Imej Mudah VUE3 Contoh Bermula: Membuat Pemotong Imej Mudah Jun 15, 2023 pm 08:45 PM

Vue.js ialah rangka kerja bahagian hadapan JavaScript yang popular Versi terkini - Vue3 telah dilancarkan Versi baharu Vue telah meningkatkan prestasi, saiz dan pengalaman pembangunan, dan dialu-alukan oleh semakin ramai pembangun. Artikel ini akan memperkenalkan cara menggunakan Vue3 untuk membuat pemangkas imej mudah. Pertama, kita perlu membuat projek Vue dan memasang pemalam yang diperlukan. Anda boleh menggunakan VueCLI untuk mencipta projek, atau anda boleh membinanya secara manual. Di sini kami mengambil kaedah menggunakan VueCLI sebagai contoh: #

Cara mengendalikan muat naik imej dan pemampatan dalam pembangunan teknologi Vue Cara mengendalikan muat naik imej dan pemampatan dalam pembangunan teknologi Vue Oct 08, 2023 am 10:58 AM

Cara mengendalikan muat naik imej dan pemampatan dalam pembangunan teknologi Vue Dalam aplikasi web moden, muat naik imej adalah keperluan yang sangat biasa. Walau bagaimanapun, disebabkan penghantaran rangkaian dan sebab storan, memuat naik terus imej asal resolusi tinggi boleh mengakibatkan kelajuan muat naik yang perlahan dan pembaziran ruang storan yang besar. Oleh itu, memuat naik dan memampatkan imej adalah sangat penting. Dalam pembangunan teknologi Vue, kami boleh menggunakan beberapa penyelesaian sedia untuk mengendalikan muat naik dan pemampatan imej. Berikut akan memperkenalkan cara menggunakan vue-upload-comone

Bagaimana untuk melaksanakan fungsi pemangkasan dan muat naik imej dalam JavaScript? Bagaimana untuk melaksanakan fungsi pemangkasan dan muat naik imej dalam JavaScript? Oct 24, 2023 am 09:15 AM

Bagaimana untuk melaksanakan fungsi pemangkasan dan muat naik imej dalam JavaScript? Dalam pembangunan web, kami sering menghadapi keperluan untuk pengguna memuat naik dan memangkas imej, seperti muat naik avatar, penyuntingan imej, dsb. JavaScript menyediakan banyak API dan fungsi yang boleh membantu kami melaksanakan fungsi tersebut. Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk melaksanakan fungsi pemangkasan dan muat naik imej serta memberikan contoh kod khusus. Pertama, kita perlu menambah elemen untuk memaparkan gambar pada fail HTML, seperti

Pemotongan dan penskalaan imej melalui php dan Imagick Pemotongan dan penskalaan imej melalui php dan Imagick Jul 28, 2023 pm 06:18 PM

Pemotongan dan penskalaan imej melalui PHP dan Imagic Ringkasan: Dalam pembangunan web, imej selalunya perlu dipangkas dan diskalakan untuk memenuhi pelbagai keperluan. Artikel ini akan memperkenalkan cara menggunakan PHP dan perpustakaan Imagick untuk mencapai pemangkasan dan penskalaan imej, serta menyediakan contoh kod untuk rujukan pembaca. Pengenalan: Dengan perkembangan pesat Internet, imej memainkan peranan yang semakin penting dalam halaman web. Walau bagaimanapun, memandangkan setiap halaman web mempunyai reka letak dan keperluan saiznya sendiri, imej selalunya perlu dipangkas dan diskalakan untuk menyesuaikan diri dengan senario yang berbeza. P

See all articles