Bolehkah JavaScript Melakukan Saiz Semula Imej Sebelah Klien Sebelum Memuat Naik ke Pelayan?

Mengubah Saiz Imej Sebelah Pelanggan dengan JavaScript Sebelum Memuat Naik ke Pelayan

Pengenalan

Apabila berurusan dengan imej, ia selalunya diperlukan untuk mengubah saiznya untuk memenuhi keperluan khusus sebelum memuat naiknya ke pelayan. Semasa menggunakan Flash pada masa lalu adalah perkara biasa untuk tugas ini, penyemak imbas moden kini menyokong keupayaan mengubah saiz imej berasaskan JavaScript lanjutan.

Saiz Semula Imej Sebelah Pelanggan dengan JavaScript

Terdapat tidak perlu menggunakan pelaksanaan Flash yang rumit apabila algoritma JavaScript yang mantap dan sumber terbuka tersedia. Begini cara anda boleh memanfaatkan alat berkuasa ini:

Mengubah Saiz Algoritma

Rujuk Inti GitHub ini untuk mengakses kod JavaScript untuk mengubah saiz imej: https://gist.github .com/dcollien/312bce1270a5f511bf4a

Penggunaan

Laksanakan langkah berikut untuk mengubah saiz imej sebelum memuat naik:

1. Create medan input pemilihan fail () dan elemen imej () untuk memaparkan imej yang diubah saiz.
2. Pada pemilihan fail , panggil ImageTools.resize() dengan fail, dimensi yang diingini dan fungsi panggil balik.
3. Dalam panggilan balik, anda akan menerima gumpalan bersaiz semula dan bendera yang menunjukkan jika saiz semula berjaya.
4. Kemas kini sumber imej dengan imej diubah saiz (jika berjaya).
5. Gunakan gumpalan untuk memuat naik imej diubah saiz ke pelayan melalui XHR.

Kelebihan

Penyelesaian ini menawarkan beberapa faedah:

• Saiz semula imej sebelah pelanggan, menghapuskan keperluan untuk pemprosesan sebelah pelayan.
• Keserasian merentas platform, menyokong pelbagai rangkaian penyemak imbas moden.
• Sokongan menyeluruh untuk pelbagai format imej.
• Fungsi teguh, termasuk sokongan untuk GIF animasi.

Atas ialah kandungan terperinci Bolehkah JavaScript Melakukan Saiz Semula Imej Sebelah Klien Sebelum Memuat Naik ke Pelayan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!