Cách sử dụng hộp quản lý file upload trong NukeViet

Thứ năm - 28/05/2015 03:22
Trình quản lý tập tin - là module upload mặc định của NukeViet. Chắc hẳn trong quá trình sử dụng, bạn đã sử dụng qua cửa sổ upload file này.
Cửa sổ quản lý tập tin
Cửa sổ quản lý tập tin
Truy cập đường dẫn http://domain/admin/index.php?nv=upload, hệ thống sẽ dẫn bạn vào khu vực chính của module upload - quản lý tập tin. Trong một số trường hợp, module khác muốn gọi đến cửa số quản lý tập tin này để xác định đường dẫn tập tin, cũng như quản lý các tập tin khác (Thêm sửa, xóa,....). Ví dụ: Chọn hình ảnh minh họa khi thêm bài viết mới trong news, chọn tập tin khi thêm mới tập tin trong module download,....... Thì bạn chỉ cần thêm các tham số URL cần thiết để hiển thị theo nhu cầu.

Mô tả các tham số:

popup:
- Tham số này xác định hiển thị cửa số quản lý ở dạng nào.
- Nếu không có tham số này (hoặc popup=0) thì cửa sổ này sẽ bao gồm các phần header, footer,......Ngược lại, nếu popup=1, cửa sổ chỉ hiển thị phần nội dung ở giữa.
- Ví dụ: http://domain/admin/index.php?nv=upload&popup=1

area:
- Thuộc tính sử dụng trong trường hợp bạn muốn mở một cửa sổ popup, click đúp vào file thì tự động điền đường dẫn file vào một textbox. Đây là giá trị của thuộc tính id tại textbox chưa đường dẫn.
- Ví dụ, textbox như bên dưới, thì bạn cần khai báo thuộc tính là http://domain/admin/index.php?nv=upload&popup=1&area=image_path
<input type="text" name="image_path" id="image_path" />
path:
- Khai báo đường dẫn đến thư mục uploads của module
- Ví dụ: http://domain/...popup=1&area=image_path&path=uploads/news

currentpath: 
- Khai báo đường dẫn thư mục uploads (đến các thư mục con bên trong) khi mở cửa sổ quản lý file.
- Khi mở, hệ thống sẽ chuyển người dùng đến đúng thư mục khai báo.
- Ví dụ: http://domain/.......&popup=1&area=image_path&path=uploads/news&currentpath=uploads/news/2015_03

type:
- Lựa chọn loại file hiển thị trong danh sách.
- Các giá trị: image, file, flash
- Ví dụ: http://domain/.......path=uploads/news&currentpath=uploads/news/2015_03&type=image
 

Mở cửa sổ ở dạng popup

Ví dụ dưới đây tạo form gồm 1 textbox chứa đường dẫn file, một nút chọn, khi click nút chọn thì mở popup quản lý file, click đúp vào file thì giá trị đường dẫn file được điển vào textbox.
HTML
<form action="" method="post">	<input type="text" name="imagepath" id="imagepath" />	<button onclick="opend_file_manage()">Chọn tập tin</button></form>
JAVASCRIPT
<script type="text/javascript">
	function nv_open_file_manage() {
		var area = "image";
		var path = "/uploads/qldoanvien";
		var currentpath = "/uploads/qldoanvien";
		var type = "image";
		nv_open_browse(script_name + "?" + nv_name_variable + "=upload&popup=1&area=" + area + "&path=" + path + "&type=" + type + "&currentpath=" + currentpath, "NVImg", 850, 420, "resizable=no,scrollbars=no,toolbar=no,location=no,status=no");
		return false;
	}
</script>
Hàm nv_open_browse là hàm javascript của NukeViet, hàm này có chức năng mở cửa sổ popup theo các tham số truyền vào.

Với chừng này code, bạn đã có thể thêm vào dự án đang triển khai chức năng chọn đường dẫn file thông qua module upload. Chức năng này được dùng rất nhiều trong các module news, shops, page,..... các bạn có thể tham khảo thêm code tại đó.

Tổng số điểm của bài viết là: 5 trong 1 đánh giá

Xếp hạng: 5 - 1 phiếu bầu
Click để đánh giá bài viết

  Ý kiến bạn đọc

  • Thái Nguyễn Hoàng
    Thái Nguyễn Hoàng   07/03/2016 09:57

    Ad cho hỏi có cách nào phân quyền upload thành viên không? Ví dụ: thành viên testabc chỉ có thể upload/xóa/sửa trong thư mục uploads/testabc mà không được truy cập thư mục khác?

    • Administrator   07/03/2016 10:50

      @Thái Nguyễn Hoàng không đâu, thành viên không thể qủan lý đựoc file

    • Administrator   07/03/2016 09:59

      @Thái Nguyễn Hoàng Hiện tại thì chưa

      • Thái Nguyễn Hoàng   07/03/2016 10:12

        @Hồ Ngọc Triển Vậy thì nguy quá, thành viên có thể chèn hình, nhỡ ai xấu xóa hết thì khổ. Chắc phải viết module riêng

Trung tâm ứng dụng NukeViet
Ghi rõ nguồn khi sao chép thông tin từ website này.

Powered by NukeViet - a product of VINADES.,JSC