rplvrtha/yii2-camera
最新稳定版本:v1.25.09-stable
Composer 安装命令:
composer require rplvrtha/yii2-camera
包简介
A simple camera extension for Yii2 that uses the built-in camera on your phone.
README 文档
README
Ekstensi Kamera Sederhana untuk Aplikasi Yii2
Ekstensi ini menyediakan widget yang mudah digunakan untuk mengakses kamera bawaan perangkat seluler dan mengunggah gambar ke server. Sangat cocok untuk aplikasi yang membutuhkan fitur pengambilan foto secara cepat tanpa kerumitan JavaScript yang kompleks.
Fitur Utama
-
Akses langsung ke kamera belakang perangkat seluler.
-
Pratinjau gambar yang diambil.
-
Unggah gambar ke server secara otomatis melalui AJAX.
-
Antarmuka yang bersih dan sederhana dengan Bootstrap 5.
-
Konfigurasi yang fleksibel untuk URL unggah dan callback.
Persyaratan
Instalasi
Cara termudah untuk menginstal ekstensi ini adalah melalui Composer.
Jalankan perintah berikut di direktori root proyek Anda:
composer require rplvrtha/yii2-camera "dev-master"
Penggunaan
1. Tambahkan widget di view anda
<?php use rplvrtha\camera\Yii2Cam; use yii\helpers\Url; echo Yii2Cam::widget([ 'uploadUrl' => Url::to(['site/upload-image']), 'onSuccess' => 'handleSuccess', 'onError' => 'handleError', 'buttonText' => 'Ambil Foto', ]); $this->registerJs(<<<JS // Fungsi callback yang dipanggil saat unggah berhasil function handleSuccess(response) { console.log('Gambar berhasil diunggah:', response); alert('Gambar berhasil disimpan di server!'); // Contoh: menampilkan nama file dari respons server if (response.filename) { console.log('Nama file:', response.filename); } } // Fungsi callback yang dipanggil saat unggah gagal function handleError(error) { console.error('Error:', error); alert('Terjadi kesalahan saat mengunggah gambar.'); } JS);
2. Buat action di controller untuk menangani unggahan file
// dalam SiteController.php public function actionUploadImage() { Yii::$app->response->format = \yii\web\Response::FORMAT_JSON; if (Yii::$app->request->isPost) { $file = \yii\web\UploadedFile::getInstanceByName('imageFile'); if ($file) { $fileName = 'camera_' . time() . '.' . $file->extension; $path = Yii::getAlias('@webroot/media/') . $fileName; if ($file->saveAs($path)) { return ['success' => true, 'filename' => $fileName]; } } } return ['success' => false, 'message' => 'Gagal mengunggah file.']; }
Catatan:
Pastikan direktori
web/mediasudah ada dan memiliki izin tulis.
Konfigurasi Widget
| Properti | Tipe | Deskripsi | Default |
|---|---|---|---|
uploadUrl |
string |
URL untuk tujuan unggahan file. Ini wajib diisi. | null |
onSuccess |
string |
Nama fungsi JavaScript global yang akan dipanggil saat unggahan berhasil. | null |
onError |
string |
Nama fungsi JavaScript global yang akan dipanggil saat unggahan gagal. | null |
buttonText |
string |
Teks tombol utama. | 'Buka Kamera' |
retakeText |
string |
Teks tombol setelah gambar berhasil diambil. | 'Ambil Ulang Gambar' |
previewWidth |
string |
Lebar gambar pratinjau. | '100%' |
previewClass |
string |
Kelas CSS tambahan untuk gambar pratinjau. | '' |
Ekstensi ini dirilis di bawah lisensi MIT. Lihat berkas LICENSE.md untuk detailnya.
统计信息
- 总下载量: 5
- 月度下载量: 0
- 日度下载量: 0
- 收藏数: 1
- 点击次数: 1
- 依赖项目数: 0
- 推荐数: 0
其他信息
- 授权协议: MIT
- 更新时间: 2025-09-17