Hướng dẫn php image upload resize and crop script - thay đổi kích thước tải lên hình ảnh php và cắt tập lệnh

bởi Vincy. Sửa đổi lần cuối vào ngày 15 tháng 7 năm 2022.

Trong một bài viết trước, chúng tôi đã thấy mã PHP để cắt hình ảnh bằng jQuery. Trong ví dụ đó, trang đích tải một phần tử hình ảnh tĩnh được biến thành một lớp có thể cắt bằng cách sử dụng thư viện JCROP.

Sau & nbsp; xuất bản ví dụ về cây php, nhiều người đọc & nbsp; yêu cầu xuất bản một bài viết với một ví dụ để thực hiện cắt xén với các hình ảnh được tải lên động. Ở đây bạn đi, chúng ta hãy tạo ví dụ PHP để tải lên một hình ảnh và hiển thị bản xem trước của nó và kích hoạt tính năng cắt xén trên đó.cropping with the dynamically uploaded images. Here you go, let us create the PHP example to upload an image and show its preview and enable cropping feature on it.

Để làm cho mã này đơn giản hơn, chúng ta phải hợp nhất ví dụ tải lên tệp PHP và ví dụ cắt hình ảnh jQuery lại với nhau. Vì vậy, một biểu mẫu có tùy chọn tải lên tệp được sử dụng để chọn tệp hình ảnh và tải tệp nhị phân tệp lên mã PHP.

Trong tệp PHP, dữ liệu mảng $ _Files được nhận và tải lên tệp được chuyển đến mục tiêu được chỉ định. Khi tải lên thành công, bản xem trước hình ảnh được hiển thị và chức năng cắt xén được khởi tạo với tham chiếu của phần tử xem trước.

Hướng dẫn php image upload resize and crop script - thay đổi kích thước tải lên hình ảnh php và cắt tập lệnh

Biểu mẫu HTML với tùy chọn tải lên hình ảnh

Mã này được sử dụng để tạo biểu mẫu HTML với đầu vào tệp để cho phép người dùng chọn và tải lên tệp hình ảnh. Nếu bạn muốn tải lên hình ảnh với Ajax, thì & NBSP; Tải xuống mã nguồn từ bài viết tải lên hình ảnh PHP AJAX.

Sau khi xử lý tập lệnh tải lên hình ảnh PHP, bản xem trước hình ảnh được tải lên được hiển thị với phần tử hình ảnh HTML. Tham chiếu phần tử này được sử dụng để khởi tạo các tùy chọn thư viện JCROP.



Mã tải lên hình ảnh PHP

Đây là mã tải lên tệp thông thường trong PHP rất quen thuộc với chúng tôi như chúng tôi đã thấy trong nhiều ví dụ tải lên tệp. Hàm Php Move_upLoaded_File di chuyển tệp được tải lên đến mục tiêu được chỉ định. Sau khi tải lên hình ảnh được hoàn thành, thì mã PHP sẽ hiển thị bản xem trước của hình ảnh đã tải lên.


Khởi tạo thư viện JCROP dựa trên jQuery để cho phép cắt xén

Thay vì đề cập đến phần tử hình ảnh tĩnh, JCROP được khởi tạo với hình ảnh được tải lên động. Xem trước hình ảnh được tải lên được giới thiệu & nbsp; với thuộc tính ID. ID này sau đó được sử dụng trong tập lệnh jQuery để khởi tạo các thuộc tính thư viện JCROP để gọi chức năng cắt xén. Nó cho phép tính năng cắt xén trên phần tử hình ảnh xem trước được tải động trên hình ảnh tải lên.


Tải xuống

Trở lại đầu

Tôi đề nghị upload.class.php.Nó là lớp tốt nhất để xử lý hình ảnh. 10 years, 10 months ago

Bạn có thể tìm thấy nó ở đây: http://www.verot.net/php_class_upload.htm 52k times

7

Đã trả lời ngày 24 tháng 12 năm 2011 lúc 7:35
Learn more.

Abtheaskabtheask

Bạn có thể giới thiệu bất kỳ tập lệnh nào có sẵn không?

Hỏi ngày 24 tháng 12 năm 2011 lúc 4:08Dec 24, 2011 at 4:08

0

Hướng dẫn php image upload resize and crop script - thay đổi kích thước tải lên hình ảnh php và cắt tập lệnh

Đã trả lời ngày 24 tháng 12 năm 2011 lúc 4:43Dec 24, 2011 at 4:43

Làm mờ điDimme

4.3054 Huy hiệu vàng29 Huy hiệu bạc51 Huy hiệu Đồng4 gold badges29 silver badges51 bronze badges

rybo111

Huy hiệu vàng 12k459 Huy hiệu bạc68 Huy hiệu đồng4 gold badges59 silver badges68 bronze badges

Đã trả lời ngày 24 tháng 12 năm 2011 lúc 5:38Dec 24, 2011 at 5:38

Hướng dẫn php image upload resize and crop script - thay đổi kích thước tải lên hình ảnh php và cắt tập lệnh

Prasad Rajapakshaprasad RajapakshaPrasad Rajapaksha

6,00210 Huy hiệu vàng36 Huy hiệu bạc51 Huy hiệu Đồng10 gold badges36 silver badges51 bronze badges

Tôi đề nghị upload.class.php.Nó là lớp tốt nhất để xử lý hình ảnh.

Bạn có thể tìm thấy nó ở đây: http://www.verot.net/php_class_upload.htm

rybo111

Huy hiệu vàng 12k459 Huy hiệu bạc68 Huy hiệu đồng4 gold badges59 silver badges68 bronze badges

Đã trả lời ngày 24 tháng 12 năm 2011 lúc 5:38Dec 24, 2011 at 7:35

Prasad Rajapakshaprasad RajapakshaAbTheAsk

6,00210 Huy hiệu vàng36 Huy hiệu bạc51 Huy hiệu Đồng1 gold badge1 silver badge4 bronze badges