Làm cách nào để tải xuống một hình ảnh từ PHP?
|
Xin chào độc giả, Hôm nay trong blog này, bạn sẽ học cách Tải lên, Xem trước và Tải xuống Hình ảnh bằng JavaScript & PHP. Trước đó, tôi đã chia sẻ nhiều blog liên quan đến PHP [Custom Simple Simple PHP Chatbot, Send Email from Localhost, Login & Signup Form with Email Verification] và nhiều hơn nữa. Bây giờ là lúc để tạo một chương trình khác (Dễ dàng tải xuống hình ảnh qua URL) bằng PHP Show
Trong chương trình này [Tải xuống hình ảnh bằng PHP], trên trang web, có một hộp xem trước hình ảnh với biểu tượng thư viện hình ảnh, một trường nhập để dán URL hình ảnh và một nút để tải xuống hình ảnh. Trường nhập này được xác thực đầy đủ, nghĩa là người dùng không thể tải lên bất kỳ URL nào khác ngoại trừ hình ảnh Khi bạn dán một URL hình ảnh hợp lệ giống như. png hoặc. jpeg thì sẽ hiển thị bản xem trước của hình ảnh đó và nút tải xuống cũng hoạt động để tải xuống hình ảnh, theo mặc định, nút tải xuống lúc đầu bị tắt. Khi bạn nhấp vào nút tải xuống, hình ảnh sẽ tải xuống ngay lập tức Nếu bạn cảm thấy khó hiểu những gì tôi đang nói. Bạn có thể xem video hướng dẫn đầy đủ về chương trình này [Tải hình ảnh bằng JavaScript & PHP] Video hướng dẫn tải xuống hình ảnh trong JavaScript & PHP bạn có thể thích điều này
Tải xuống hình ảnh trong JavaScript & PHP [Mã nguồn]Để tạo chương trình này [Tải hình ảnh bằng PHP]. Đầu tiên bạn cần tạo 2 File một là PHP File và một là CSS File. Sau khi tạo các tệp này, chỉ cần dán các mã sau vào tệp của bạn. Đầu tiên, tạo một tệp PHP có tên là chỉ mục. php và dán các mã đã cho vào tệp PHP của bạn. Hãy nhớ rằng, bạn phải tạo một tệp với. phần mở rộng php
Thứ hai, tạo một tệp CSS với tên kiểu. css và dán các mã đã cho vào tệp CSS của bạn. Hãy nhớ rằng, bạn phải tạo một tệp với. phần mở rộng css @import url('https://fonts.googleapis.com/css2?family=Poppins:[email protected];300;400;500;600;700&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
html,body{
display: grid;
height: 100%;
place-items: center;
}
::selection{
color: #fff;
background: #4158d0;
}
.wrapper{
height: 450px;
width: 500px;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
.wrapper .preview-box{
position: relative;
width: 100%;
height: 320px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 5px;
border: 2px dashed #c2cdda;
}
.preview-box.imgActive{
border: 2px solid transparent;
}
.preview-box .cancel-icon{
position: absolute;
right: 20px;
top: 10px;
z-index: 999;
color: #4158d0;
font-size: 20px;
cursor: pointer;
display: none;
}
.preview-box.imgActive:hover .cancel-icon{
display: block;
}
.preview-box .cancel-icon:hover{
color: #ff0000;
}
.preview-box .img-preview{
height: 100%;
width: 100%;
position: absolute;
}
.preview-box .img-preview img{
height: 100%;
width: 100%;
border-radius: 5px;
}
.wrapper .preview-box .img-icon{
font-size: 100px;
background: linear-gradient(-135deg, #c850c0, #4158d0);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.wrapper .preview-box .text{
font-size: 18px;
font-weight: 500;
color: #5B5B7B;
}
.wrapper .input-data{
height: 130px;
width: 100%;;
display: flex;
align-items: center;
justify-content: space-evenly;
flex-direction: column;
}
.wrapper .input-data #field{
width: 100%;
height: 50px;
outline: none;
font-size: 17px;
padding: 0 15px;
user-select: auto;
border-radius: 5px;
border: 2px solid lightgrey;
transition: all 0.3s ease;
}
.input-data #field.disabled{
color: #b3b3b3;
pointer-events: none;
}
.wrapper .input-data #field:focus{
border-color: #4158d0;
}
.input-data #field::placeholder{
color: #b3b3b3;
}
.wrapper .input-data #button{
height: 50px;
width: 100%;
border: none;
outline: none;
color: #fff;
font-weight: 500;
font-size: 18px;
cursor: pointer;
border-radius: 5px;
opacity: 0.5;
pointer-events: none;
background: linear-gradient(-135deg, #c850c0, #4158d0);
transition: all 0.3s ease;
}
.input-data #button.active{
opacity: 1;
pointer-events: auto;
}
.input-data #button:active{
transform: scale(0.99);
}Vậy là xong, bây giờ bạn đã tạo thành công Cách tải lên, xem trước và tải xuống hình ảnh bằng JavaScript & PHP. Nếu mã của bạn không hoạt động hoặc bạn gặp phải bất kỳ lỗi/sự cố nào, vui lòng tải xuống các tệp mã nguồn từ nút tải xuống đã cho. Nó miễn phí và một. zip sẽ được tải xuống sau đó bạn giải nén nó Làm cách nào để tải xuống một hình ảnh trong PHP?Làm cách nào để tải lên và tải xuống hình ảnh trong PHP? . Tải lên hình ảnh và tải xuống trong PHP và MYSQL. . Tạo một bảng cơ sở dữ liệu để tải lên hình ảnh. . Tạo tệp kết nối PHP –. Tạo một thư mục "tải lên". Tải lên hình ảnh và hiển thị bằng nút tải xuống bằng PHP. . Tải xuống hình ảnh từ máy chủ bằng PHP?. Tạo tệp biểu định kiểu CSS - Làm cách nào để tải xuống tệp từ mã PHP?PHP cho phép bạn tải xuống tệp dễ dàng bằng hàm readfile() tích hợp. Hàm readfile() đọc một tệp và ghi nó vào bộ đệm đầu ra. . tiêu đề ('Loại nội dung. ứng dụng/octet-stream'); tiêu đề ("Mã hóa chuyển nội dung. utf-8"); Làm cách nào để lưu hình ảnh vào một thư mục trong PHP?php $target_Path = "hình ảnh/"; . tên cơ sở( $_FILES['userFile']['name'] ); . CÁI GÌ nếu tôi muốn lưu tệp với một số tên mong muốn. ?> when the file(image) is saved at the specified path.. WHAT if i want to save the file with some desired name....
Làm cách nào để tải xuống tệp từ máy chủ bằng PHP?Các bước để tải tệp xuống. . Khởi tạo URL tệp cho biến Tạo phiên cURL Khai báo một biến và lưu tên thư mục lưu file tải về Sử dụng hàm basename() để trả về tên cơ sở tệp nếu đường dẫn tệp được cung cấp dưới dạng tham số Lưu tệp vào vị trí đã cho |
