Khác biệt

Đây là những khác biệt giữa hai phiên bản của trang.

--- programming4:class:upload [2020/11/02 09:14] – [Tải file trên internet] hoaquynhtim99
+++ programming4:class:upload [2020/11/09 09:49] (hiện tại) – vuthao
@@ Dòng 1: / Dòng 1: @@
 ====== Hướng dẫn chi tiết cách sử dụng class Upload để tải file lên hệ thống ======
-Class upload là lớp có chứa các chức năng tải file lên hệ thống. File tải lên có thể từ máy tính hoặc một file trên internet
+Class upload là lớp có chứa các chức năng tải file lên hệ thống. File tải lên có thể từ máy tính hoặc một file trên internet.
+Một số lưu ý khi sử dụng upload các bạn xem tại video: https://www.youtube.com/watch?v=B-mMzpL8BLw
 ===== Chuẩn bị =====
@@ Dòng 217: / Dòng 219: @@
 Kết quả trả về lưu vào biến ''$upload_info'' cũng có nội dung tương tự như cách lưu file từ máy tính bên trên.
+==== Sử dụng module quản lý File ====
+Khai báo html
+<code html>
+// thẻ input text đường dẫn file
+<input class="w300 form-control pull-left" type="text" name="image" id="image" value="{DATA.image}" style="margin-right: 5px"/>
+// thẻ input text tiêu đề file
+<input class="w300 form-control" type="text" name="imagealt" id="imagealt" value="{DATA.imagealt}"/>
+// button gọi tới module Quản lý file
+<input type="button" value="Browse server" name="selectimg" class="btn btn-info"/>
+</code>
+Javascript gọi module quản lý file
+<code javascript >
+$("input[name=selectimg]").click(function() {
+		var area = "image"; //id của thẻ input lưu đường dẫn file
+		var alt = "imagealt"; //id của thẻ input lưu tiêu đề file
+		var path = '{NV_UPLOADS_DIR}/{MODULE_UPLOAD}'; //uploads/sample
+		var type = "image"; // kiểu định dạng cho phép upload
+                var currentpath = '{NV_UPLOADS_DIR}/{MODULE_UPLOAD}/2020'; //uploads/sample/2020
+		nv_open_browse(script_name + "?" + nv_name_variable + "=upload&popup=1&area=" + area + "&alt=" + alt + "&path=" + path + "&type=" + type + "&currentpath=" + currentpath, "NVImg", 850, 420, "resizable=no,scrollbars=no,toolbar=no,location=no,status=no");
+		return false;
+	});
+</code>
+===== Code mẫu =====
+Tham khảo toàn bộ module trong hướng dẫn này tại đây {{ :programming4:class:nv4_module_samples_upload.zip |}}