Trong bài viết này, chúng tôi thảo luận về các cách khác nhau mà bạn có thể ngăn tải tệp PDF của mình xuống

Bạn đang xem: html trình xem pdf mà không cần tải xuống

Làm thế nào để nhúng một tệp PDF vào HTML mà không có khả năng tải xuống

Hãy tưởng tượng tình huống này: Bạn đang điều hành một doanh nghiệp bán các khóa học trực tuyến. Bạn đã bỏ rất nhiều công sức để tạo ra các khóa học này và bạn xuất bản chúng trực tuyến dưới dạng tài liệu PDF. Một vài tháng sau khi bạn khởi động khóa học, bạn thấy chúng được lan truyền trên internet. Bạn cảm thấy tồi tệ và muốn tìm một giải pháp để bảo vệ tài liệu của mình.

Trong bài viết này, tôi sẽ chia sẻ một số ý tưởng về cách bạn có thể bảo vệ tài liệu của mình khỏi bị tải xuống. Vì vậy, hãy bắt đầu.

Nhúng trình xem CloudPDF

CloudPDF là một dịch vụ đám mây giúp bạn dễ dàng bạn nhúng một trình xem PDF vào trang web HTML của mình.

Bạn có thể sao chép một đoạn mã HTML và dán vào trang web của mình – thật đơn giản.

Trình xem CloudPDF có những tính năng nào khác?

  • Khả năng ngăn khách truy cập tải xuống tài liệu của bạn
    Bạn đã dành nhiều thời gian để tạo tài liệu PDF và bạn không muốn khách truy cập dễ dàng sao chép nội dung. CloudPDF tạo PDF trên máy chủ để không thể truy cập PDF từ trình duyệt của khách hàng. Khi bạn tắt khả năng tải xuống, người dùng của bạn cũng không thể trích xuất tệp PDF gốc từ mã nguồn – vì vậy bạn có thể ngừng lo lắng về việc mọi người chia sẻ tệp PDF của bạn.
  • Xem ai là đọc tài liệu của bạn và trong bao lâu
    Với phân tích CloudPDF, bạn có thể biết chính xác ai đang đọc tài liệu của bạn và trong bao lâu. Điều này cung cấp thông tin chi tiết có giá trị – ví dụ: bạn có thể xác định những khách hàng tiềm năng có liên quan đã đọc bài báo bán hàng hoàn chỉnh của bạn và dành năng lượng của bạn ở đó thay vì những khách truy cập không tương tác với tệp PDF của bạn. Điều này sẽ giúp bạn làm việc hiệu quả hơn.
  • Thu thập thông tin về những khách truy cập đang đọc tài liệu của bạn
    Bạn có thể hỏi thông tin về người đó trước khi khách có thể đọc tài liệu của bạn. Điều này sẽ cung cấp cho bạn khả năng thu thập khách hàng tiềm năng và theo dõi họ. Tài liệu của bạn có thể trở thành một công cụ tạo khách hàng tiềm năng tuyệt vời!
  • Trình xem có thể tùy chỉnh
    Bạn có thể tùy chỉnh cách trình xem xuất hiện để phù hợp với màu sắc của trang web và chỉ định kích thước của nó nên là. Bạn có thể tùy chỉnh thanh công cụ để cho phép hoặc không cho phép in cũng như tải xuống.
See also  Cách tạo màn hình tải trong Unity [Bài viết] - làm thế nào để tải màn hình

Làm cách nào để nhúng trình xem PDF vào trang web HTML của bạn? Thực hiện theo các bước bên dưới.

1. Tạo tài khoản CloudPDF

Truy cập https://cloudpdf.io/register và tạo một tài khoản miễn phí.

2. Tải lên tài liệu của bạn

Nhấp vào “+ Thêm tài liệu” và kéo hoặc thả hoặc chọn các tệp PDF đầu tiên của bạn để tải lên

3. Đặt cài đặt nhúng của bạn

Tại màn hình nhúng, bạn sẽ phải thay đổi quyền tài liệu thành công khai để nhúng tài liệu vào trang web HTML của mình. Vì vậy, hãy nhấp vào nút “Thay đổi quyền” và thay đổi công tắc “Truy cập công khai” thành “BẬT”. Bạn cũng có thể chuyển quyền tải xuống thành “TẮT” tại đây.

Ví dụ về cách thay đổi quyền tài liệu trong CloudPDF

4. Sao chép đoạn mã HTML để nhúng PDF vào trang web của bạn

Sau khi thay đổi quyền trên tài liệu, bây giờ bạn có thể sao chép đoạn mã bạn sẽ tìm thấy dưới tiêu đề “Tích hợp thủ công” trông giống như sau :

 

& lt;

div

id

=

"

người xem

"

style

= "

width

:

100

% < / p>

height

:

500

px

;

"

& gt;

& lt; /

div

& gt;

& lt;

tập lệnh

loại

=

"

text / javascript

"

src

=

"

https://cloudpdf.io/viewer.min. js

"

& gt;

& lt; /

tập lệnh

& gt;

< p class = "mã thông báo đồng bằng">

& lt ;

script

& gt;

const

< p class = "token script language-javascript"> config

=

{

documentId

:

'a9658aef-c513-4130-afbf-77f3fc19e0e7'

,

darkMode

:

< p class = "token script language-javascript boolean"> true

,

}

< p class = "mã thông báo ngôn ngữ-javascript dấu chấm câu">;

CloudPDF

(

cấu hình

,

document

.

getElementById

(

'người xem' < / p>

)

)

.

then

(

(

phiên bản

)

= & gt;

< p class = "mã thông báo ngôn ngữ-javascript dấu chấm câu"> {

}

)

;

& lt; /

script

& gt;

Dán đoạn mã này vào trang web HTML của bạn, làm mới trang của bạn và bạn sẽ thấy rằng trình xem PDF ở đó.

5. Xem trước trình xem CloudPDF

Đây là giao diện của trình xem PDF sau khi bạn nhúng nó vào trang web của mình.

Ví dụ về báo cáo chính thức về bitcoin được nhúng vào CloudPDF

Nếu bạn muốn dùng thử CloudPDF, bạn có thể nhấp vào liên kết sau: Đăng ký

Bạn đang tìm kiếm một giải pháp khác? Chúng ta sẽ thảo luận thêm hai tùy chọn bên dưới.

HTML nhúng

Trong html có một thẻ được gọi là & lt; nhúng & gt ;. Thẻ này cho phép bạn nhúng các nguồn bên ngoài vào trang web của mình – ví dụ: trình phát đa phương tiện, trang web hoặc trong trường hợp của chúng tôi là PDF.

Phần tích cực của giải pháp này là chúng tôi không cần bất kỳ plugin bên ngoài nào vì & lt; nhúng & gt; thẻ được hỗ trợ trong tất cả các trình duyệt chính ngoại trừ Internet Explorer. Nhược điểm của giải pháp này là về cơ bản điều này sẽ chỉ ẩn thanh công cụ, nhưng sẽ không thực sự ngăn người dùng tải xuống PDF. Nếu người dùng mở trình kiểm tra phần tử trong bất kỳ trình duyệt nào, thì có thể tìm thấy URL của tệp PDF và tải xuống.

Nếu điều này là đủ cho bạn, hãy đọc mã nguồn bên dưới để biết chính xác cách thực hiện tùy chọn này. Nếu bạn đang tìm kiếm một giải pháp an toàn hơn, hãy cuộn lên để đọc về các giải pháp khác mà chúng tôi đã tìm thấy cho bạn.

 

& lt;

nhúng

src

=

"

filename.pdf # toolbar = 0

"

chiều rộng

=

"

500

"

chiều cao

=

"

375

"

& gt;

Google Drive

Google Drive cung cấp khả năng tải lên tài liệu PDF và chia sẻ chúng công khai với các tùy chọn tắt tùy chọn tải xuống và in.

Mặt tích cực của điều này là nó là một giải pháp miễn phí. Ngoài ra, tệp PDF được hiển thị trên máy chủ Google và do đó không có sẵn trong mã nguồn.

Hạn chế của tùy chọn này là nếu tài liệu ở chế độ công khai, tất cả những người biết URL đều có thể đọc được. Ngoài ra, Google Drive không cung cấp bất kỳ tùy chọn nào để tùy chỉnh trình xem PDF cho phù hợp với thiết kế của bạn. Giải pháp này có thể không lý tưởng cho bạn nếu bạn muốn tùy chỉnh trình xem hoặc giới hạn người có thể xem tài liệu, ví dụ: chỉ cung cấp quyền truy cập cho những người dùng cụ thể bên trong ứng dụng của bạn. Nếu đúng như vậy, bạn có thể cuộn lên đến giải pháp trước đó.

Nếu giải pháp này phù hợp với bạn, bạn có thể làm theo các bước bên dưới.

1. Tải tệp PDF của bạn lên Google Drive

Nhấp vào “Mới” rồi chọn “Tải tệp lên”

2. Chia sẻ tài liệu

Nhấp chuột phải vào tài liệu và chọn “Chia sẻ”

3. Thay đổi cài đặt cho tài liệu

Nhấp vào biểu tượng “Cài đặt” ở góc trên cùng bên phải

Bỏ chọn hộp “Người xem và người nhận xét có thể thấy tùy chọn tải xuống, in và sao chép “

4. Tạo liên kết công khai cho tài liệu của bạn

Nhấp vào “Bất kỳ ai có liên kết này” để đặt tài liệu này ở chế độ công khai

5. Nhúng tài liệu của bạn vào iframe trên trang web của bạn

Làm tốt lắm, giờ bạn sắp xong rồi. Giờ đây, bạn có thể nhúng tài liệu này vào bên trong & lt; iframe & gt; trên trang web của bạn. Dưới đây, bạn sẽ tìm thấy ví dụ về cách nhúng tệp PDF này vào khung nội tuyến.

 

& lt;! DOCTYPE html & gt;

& lt;

html

& gt;

& lt;

đầu

& gt;

< / p>

& lt;

tiêu đề

& gt;

Ví dụ về cách nhúng Google Drive PDF bên trong trang web

& lt; /

title

& gt;

& lt;

meta

< / p>

bảng mã

=

"

UTF-8

"

/ & gt;

& lt; /

đầu

& gt;

& lt;

body

& gt;

& lt;

div

id

=

"

ứng dụng

"

& gt;

& lt;

khung nội tuyến

< p class = "token-line">

src

=

"

https://drive.google.com/file/d / 1kJJeabYl-NH4nsNV8kLs-qTUYESbUfMx / xem trước

"

< / p>

chiều rộng

=

"

500

"

height

=

"

375

"

& gt;

& lt; /

khung nội tuyến

& gt;

& lt; /

div

& gt;

& lt; /

body

& gt;

& lt; /

html

& gt ;

6. Xem trước tệp PDF được nhúng trên Google Drive

Đây là cách trình xem tài liệu Google Drive sẽ hiển thị sau khi bạn nhúng tài liệu đó vào trang web của mình.

Tóm tắt

Tất cả các phương pháp này đều cung cấp các tùy chọn để nhúng PDF trong HTML với các mức độ riêng tư khác nhau.

Trình xem CloudPDF là một công cụ dựa trên đám mây, có thể tùy chỉnh, cung cấp các giải pháp cho phép hoặc vô hiệu hóa quyền truy cập để xem, tải xuống và in tài liệu của bạn.

& lt; nhúng & gt; thẻ trong HTML là một tùy chọn đơn giản cho phép bạn ẩn các tùy chọn tải xuống và in, nhưng để lại thông tin cần thiết để làm như vậy trong mã nguồn.

Phương pháp Google Drive cho phép bạn tắt tải xuống và in, nhưng cung cấp các tùy chọn tích hợp và tùy chỉnh hạn chế.

Chúng tôi hy vọng bài viết này đã giúp bạn đánh giá các tùy chọn này và cung cấp hướng dẫn nhanh để triển khai chúng.


Xem thêm những thông tin liên quan đến chủ đề html trình xem pdf mà không cần tải xuống

Tài liệu giáo trình

  • Tác giả: CVMeeting
  • Ngày đăng: 2021-01-13
  • Đánh giá: 4 ⭐ ( 2854 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Là nơi giáo viên chia sẻ nội bộ nội dung giáo trình, bài giảng cho học sinh, đồng nghiệp trong trường, cũng có thể thiết lập chia sẻ công cộng ra internet thông qua link truy cập. Các file cơ bản của Microsoft office, pdf, txt, html, jpg, png có thể mở xem trực tuyến mà không cần phải tải về.

    Website thông tin sản phẩm: https://cvmeeting.vn/info

Các bước đơn giản tắt trình xem PDF trong Microsoft Edge và Google Chrome

  • Tác giả: funix.edu.vn
  • Đánh giá: 5 ⭐ ( 6303 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách tắt trình xem PDF trong Microsoft Edge và Google Chrome là một cụm từ mà một số người có thể chưa bao giờ nghĩ đến để tra cứu, nhưng nó lại thực sự là thứ mà nhiều người đang cần.

Hướng dẫn xem file online không cần tải xuống – Hướng dẫn Myxteam online

  • Tác giả: help.myxteam.com
  • Đánh giá: 3 ⭐ ( 2657 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Các cách nhúng và xem file PDF trong HTML/HTML5

  • Tác giả: vinasupport.com
  • Đánh giá: 3 ⭐ ( 5134 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn nhúng (embed) và xem (Preview) file PDF trong HTML, HTML5. Phương pháp hiệu quả nhất trên các trình duyệt phổ biến Chrome, Firefox, Safari, IE…

Cách nhúng PDF trong HTML

  • Tác giả: techmaster.vn
  • Đánh giá: 4 ⭐ ( 5603 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Làm cách nào để hiển thị tệp PDF trong HTML?

  • Tác giả: qastack.vn
  • Đánh giá: 5 ⭐ ( 3541 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Việc thực hiện tệp PDF trong trang web HTML của bạn rất dễ dàng.

Hướng dẫn sửa lỗi không tải được file PDF trên Google Chrome

  • Tác giả: blogchiasekienthuc.com
  • Đánh giá: 4 ⭐ ( 7738 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn thiết lập Google Chrome tải file PDF thay vì mở trực tiếp trên trình duyệt web. Cách sửa lỗi không tải được file PDF trên trình Google Chrome chuẩn nhất…

Xem thêm các bài viết khác thuộc chuyên mục: WordPress