Tải lên hình ảnh bằng Dropzone
Dropzone là thư viện JS mạnh mẽ và dễ sử dụng. nó hoạt động mà không cần gọi bất kỳ JS nào. Dropzone hoạt động phía máy khách, vì vậy nó không tải băng thông máy chủ.
Tải xuống và bao gồm Dropzone.
1 2 3 | <link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/min/dropzone.min.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.2.0/min/dropzone.min.js"></script> |
Thêm JS dropzone ở trên vào bên trong phần đầu và sau phần thân thêm mã bên dưới.
Tạo vùng chứa HTML
1 2 3 4 5 6 7 | <div class='content'> <form action="upload.php" class="dropzone" id="dropzonewidget"> </form> <button id="uploadfilebtn">Upload Files</button> </div> |
Gọi khối HTML bằng dropzone js.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <script type="text/javascript"> Dropzone.autoDiscover = false; var myDropzone = new Dropzone(".dropzone", { autoProcessQueue: false, addRemoveLinks: true }); $('#uploadfilebtn').click(function(){ myDropzone.processQueue(); }); </script> |
Bây giờ, nếu bạn muốn di chuyển tệp đến máy chủ, hãy sử dụng hàm move_uploaded_file của PHP để đạt được điều này. để biết thêm hướng dẫn chi tiết kiểm tra trang web này