Đôi khi, bạn muốn cho phép người dùng của mình tải hình ảnh hoặc các tệp khác lên máy chủ của mình, nhưng bạn không phải là chuyên gia về PHP, vì vậy bạn muốn làm điều đó chỉ bằng Javascript và hoàn toàn không cần mã hóa phía máy chủ. Chỉ cần hai dòng mã… vâng làm ơn
Vì vậy, đây là những gì chúng tôi nghĩ ra tại http. // ftp. apixml. bọc lưới
- 1. Bao gồm kịch bản.
< script src="//ftp.apixml.net/ftp.js">
- 2. Bao gồm một nút tải lên.
Bây giờ, bạn phải truy cập trang web ftp. apixml. net để nhập tên người dùng và mật khẩu của bạn và bạn sẽ nhận lại được mã thông báo truy cập an toàn. Lý do cho điều này là bạn sẽ không bao giờ muốn nhập trực tiếp tên người dùng và mật khẩu FTP của mình vào Javascript, điều đó sẽ quá không an toàn. Thay vào đó, bạn nhập nó vào trang web và nhận lại mã. sử dụng mã này, javascript sẽ biết nơi đặt tệp của bạn, nhưng tin tặc không thể xác định mật khẩu của bạn
Bây giờ, nếu bạn quan tâm đến cách thức hoạt động của nó, thì nó sử dụng hai công nghệ mới đối với HTML5, Đối tượng FileReader, cho phép javascript phía máy khách đọc tệp mà người dùng vừa tải lên và CORS, cho phép tệp . Nó sử dụng thư viện C# FTP tại http. //www. ftpclient. đồng. vương quốc anh
Mã cho thư viện FTP như sau – bạn có thể tự do sửa đổi, nhưng vui lòng để lại thông báo bản quyền ở đầu
Mẫu này trình bày cách sử dụng nhà cung cấp hệ thống tệp Giao thức truyền tệp để quản lý các tệp trong thành phần Trình quản lý tệp. Để chạy dịch vụ, hãy tạo một kết nối FTP, sau đó định cấu hình các chi tiết FTP như tên máy chủ, tên người dùng và mật khẩu trong phương thức SetFTPConnection
để thực hiện các thao tác với tệp
Thành phần Trình quản lý tệp được sử dụng để khám phá hệ thống tệp thông qua ứng dụng web, tương tự như trình khám phá cửa sổ cho windows. Nó hỗ trợ tất cả các thao tác tệp cơ bản như tạo, đổi tên, xóa, v.v. Ghi chú. Chức năng tải lên của Trình quản lý tệp bị hạn chế trong bản demo trực tuyến. Để làm việc với chức năng tải lên, vui lòng tải xuống ftp-aspcore-file-provider từ kho lưu trữ GitHub
Đây là một tiện ích nhỏ để gửi hoặc mang các tệp giữa máy tính của bạn và nhà cung cấp của bạn. Xem nó trong hành động. http. //www. công nghiệp ảo. com. br/codedemo/easyftp/index. htm Nếu thấy hữu ích hãy bình chọn
- Tải xuống tệp nguồn - 18 Kb
Tệp HTML
Easy FTP 1.0
Easy FTP 1.0 After connecting, you can drag'n drop files among the windows. Left window is your local folder, right window is the remote folder.
Username Password Server Local
Tệp JS
function Login[form] { var username = form.username.value; var password = form.password.value; var server = form.server.value; var local = form.local.value; if [username && password && server && local] { window.open[local, '_blank', 'toolbar=yes,location=yes,status=yes,' + 'scrollbars=auto,copyhistory=no,menubar=no,width=' + [[screen.AvailWidth/2]-12] + ',height=' + [screen.AvailHeight-124] +',left=0,top=0,resizable=yes']; window.open["ftp://" + username + ":" + password + "@" + server, '_blank', 'toolbar=yes,location=yes,status=yes,' + 'scrollbars=auto,copyhistory=no,menubar=no,width=' + [[screen.AvailWidth/2]-12] + ',height=' + [screen.AvailHeight-124] +',left=' + [[screen.AvailWidth/2]] + '],top=0,resizable=yes']; } else { alert["NO BLANK FIELDS!"]; } }
Giấy phép
Bài viết này, cùng với bất kỳ mã nguồn và tệp liên quan nào, được cấp phép theo Giấy phép Mở Dự án Mã [CPOL]