Trình thu nhỏ sử dụng Imagick nhưng bạn có thể sử dụng bất kỳ thứ gì khác [Gd] Ý tưởng này nảy sinh khi tôi đang tìm kiếm một tập lệnh rất đơn giản để tự động hiển thị ảnh đã tải lên từ camera WiFi. Và gốc là trong bài viết này
Với tinh thần tôn trọng bố cục Bootstrap 4 ban đầu, tôi đã bỏ qua mọi thứ vì nó đang bổ sung một số chức năng bổ sung mà tôi đã bỏ lỡ
- hỗ trợ thư mục
- Trình tạo hình thu nhỏ có hỗ trợ bộ đệm [Sử dụng Image Magick]
- Chức năng tải lên
- Xóa ảnh
- Tải lên từ WiFi hook [Hiện đang sử dụng Arducam]
- Một cấu hình đơn giản. php nơi chứa hầu hết các cấu hình
Cài đặt phần ghi chú
Upload/Delete kiểm tra địa chỉ IP của bạn để kích hoạt quyền Admin. Điều này không sử dụng bất kỳ cơ sở dữ liệu hoặc xác thực người dùng nào
Đảm bảo cấp quyền 0755 và chọn các thư mục tải lên và ngón tay cái cho máy chủ Web của bạn sử dụng
mkdir uploads
mkdir thumbs
chmod 0755 uploads/
chmod 0755 thumbs/
sudo chown www-data:www-data uploads/
sudo chown www-data:www-data thumbs/
PHP được cho là có thể tạo các thư mục và tệp ở đó. Thay đổi dữ liệu www thành bất kỳ người dùng nào, đó là máy chủ apache hoặc nginx của bạn
Hiệu lực của tệp hình thu nhỏ theo mặc định là 10 ngày, vì vậy nếu bạn tình cờ ghi đè lên một hình ảnh thì đây là lúc hình thu nhỏ cũ sẽ được lưu vào bộ đệm. Thêm bất kỳ logic bổ sung nào vì nó còn rất thô với ý định không sử dụng kỹ thuật quá mức cho tập lệnh. Và đó là tất cả. Đừng mong đợi Flickr, ý tưởng là giữ cho nó đơn giản và không phức tạp nhất có thể. GHI CHÚ. Để xem nội dung nào đó, hãy đảm bảo cấp quyền cho 2 thư mục này cho người dùng apache ghi hình ảnh để có thể tạo hình thu nhỏ. Tạo một số thư mục "Thử nghiệm" khi tải lên và sao chép một số hình ảnh jpg của bạn
Yêu cầu
Đã cài đặt gói Php 5+ php-imagick. Nó sử dụng http. //php. net/manual/en/book. tưởng tượng. php để tạo hình thu nhỏ
Câu hỏi / Hỗ trợ
https. //fasani. de Vui lòng để lại Sự cố nếu bạn tìm thấy lỗi và vui vẻ với nó
nguồn/giấy phép của ý tưởng ban đầu được đề cập ở phần đầu của kho lưu trữ này. http. //www. colorado. giáo dục
Tài liệu và ví dụ để chọn hình ảnh vào hành vi đáp ứng [để chúng không bao giờ trở nên lớn hơn các phần tử gốc của chúng] và thêm các kiểu nhẹ cho chúng—tất cả thông qua các lớp
Hình ảnh đáp ứng
Hình ảnh trong Bootstrap được thực hiện phản hồi với
6.
7 và
8 được áp dụng cho hình ảnh để nó chia tỷ lệ với phần tử gốc
Hình ảnh SVG và IE 10
Trong Internet Explorer 10, hình ảnh SVG có
6 có kích thước không cân xứng. Để khắc phục điều này, hãy thêm
0 nếu cần. Bản sửa lỗi này kích thước các định dạng hình ảnh khác không đúng cách, vì vậy Bootstrap không tự động áp dụng nóHình thu nhỏ của hình ảnh
Ngoài các tiện ích bán kính đường viền của chúng tôi, bạn có thể sử dụng
1 để tạo cho hình ảnh một đường viền tròn 1px
Căn chỉnh hình ảnh
Căn chỉnh hình ảnh với các lớp float của trình trợ giúp hoặc các lớp căn chỉnh văn bản. Hình ảnh cấp độ
2 có thể được căn giữa bằng cách sử dụng lớp tiện ích lề
3
Bức ảnh
Nếu bạn đang sử dụng phần tử
4 để chỉ định nhiều phần tử
4 cho một
6 cụ thể, hãy đảm bảo thêm các lớp
7 vào
6 chứ không phải vào thẻ
4 Mã HTML & PHP có liên quan
0