24/06/2023 | 09:23 AM

Sử dụng công cụ upload file ltcUploader Version 1.0

Xem: 543
(LTC) Hướng dẫn sử dụng công cụ upload file ltcUpload Phiên bản 1.0
1. Hướng dẫn sử dụng công cụ upload file ltcUploader Phiên bản 1.0 cho phép upload file đính kèm

B1: Tải về thư viện ltcUploader Tải thư viện

B2: Đưa thư viện vào trang
<script src="/systems/sources/js/ltcupload/ltcUploader_v1_min.js" type="text/javascript"></script>

B3: Tạo control upload
<input type="file" id="cfFiles" onchange="ltcUploader('cfFiles','',hdfFiles,1,callback);return false;" />
<asp:HiddenField ID="hdfFiles" EnableViewState="false" Value="" runat="server" />
<asp:Literal ID="ltrFilesView" EnableViewState="false" runat="server"></asp:Literal>

B4: Tạo định danh Server Control
ltrGlobalLib.Text = "<script type=\"text/javascript\">var hdfFiles = \"" + hdfFiles.ClientID + "\";</script>";

B5: trường hợp muốn hiển thị file đã attach, có thể sử dụng hàm callback
function callback()
{
let e0 = document.getElementById(hdfFiles); if (!e0) return;
let e0v = e0.value;
let e1 = document.getElementById('ltrFilesView'); if (!e1) return;
e1.setAttribute("href", e0v);
e1.innerHTML = "<i class=\"zmf-download\"></i>";
}

B6: Xử lý tạo cách thức hiển thị file attach khi page load
if(string.IsNullOrEmpty(sFileAttach))
ltrFilesView.Text = "<a href=\"#\" id=\"ltrFilesView\">&nbsp;</a>";
else
ltrFilesView.Text = "<a href=\"" + sFileAttach + "\" id=\"ltrFilesView\"><i class=\"zmf-download\"></i></a>";

Xem: 543

Các bài viết khác

Loading ...