Tạo trình tải file drive trực tiếp bằng Javascript

 hello xin chào mọi người nha, nay thì mình xin chia sẽ cho mọi người cách mà chúng ta tạo trình tải file trực tiếp từ google drive mà hong cần chuyển hướng sang google drive nhé. 

Tạo trình tải file drive trực tiếp bằng Javascript

việc làm này giúp chúng ta thuận tiện hơn trong việc đó là cắt bỏ đi 1 bước download đó là không chuyển sang trang google drive mà sẽ download trực tiếp lun nha. Javascript mình chia sẽ này nó sẽ chuyển toàn bộ link chia sẽ trên google drive thành link download trực tiếp về máy. 

xem demo tại đây: 

click vào đây để download file virut về máy :))) click vào đây để không download file virut về máy :>>>

Cách tạo trình tải file drive trực tiếp bằng javascript

Trong hướng dẫn này mình sẽ hướng dẫn làm trên blogger, nhưng mã code vẫn sẽ được áp dụng tương tự trên các website khác nha. 

Bước 1: vào trang blogger --> chỉnh sửa code html trong blogger 

Bước 2: tìm cho mình thẻ </body> hoặc & lt;! - </body> - & gt; & lt; / body & gt;

Bước 3: copy đoạn mã bên dưới và dán vào phía trên của thẻ vừa tìm thấy. 

  <script>/*<![CDATA[*/
var anchorDrive = document.querySelectorAll('.DLki');
for (var i = 0; i < anchorDrive.length; i++) {
    var anchorDrivee = anchorDrive[i];
    anchorDrivee.addEventListener('click', function() {
        var driveAttr = anchorDrivee.getAttribute("href");
        var cekLink = driveAttr.indexOf("https://drive.google.com");

        if (cekLink <= 0) {
            var replaceDrive = driveAttr.replace("/file/d/", "/uc?export=download&id=").replace("/view?usp=sharing", "");
            anchorDrivee.setAttribute("href", replaceDrive);
        }

    });
}
/*]]>*/</script>

Bước 4: để hiển thị nút download file thì mọi người cần thêm mã bên dưới vào nơi mà mọi người muốn hiển thị nút download. 

  <a class='DLki' href='https://drive.google.com/file/d/1lRv_up8ahHqoU2bnspcD7qLD6bIM9oxl/view?usp=sharing'>link google drive</a>


OKiii và phía trên là tất cả những gì mà mình muốn chia sẽ cho các bạn biết. hy vọng là nó có hữu ít với mọi người nhé. 

Design by @KiMiDev

3 Nhận xét

Cảm ơn bạn đã nhận xét, chúng tôi sẽ quay lại và trả lời cho bạn sớm nhất có thể !!!

Mới hơn Cũ hơn

Nhận xét Mới