Làm cách nào để mở PDF trong tab mới trong Javascript?

Trên trang web này, một số pdf mở trong tab mới, trong khi một số đang được tải xuống. Điều này có vẻ không phù hợp với tôi, bởi vì tôi liên kết tất cả các tệp pdf trong phần đánh dấu với

<a href="/s/link-to-.pdf" target="_blank">Linktext</a>

Tuy nhiên, hành vi của các tệp pdf thay đổi, dường như là ngẫu nhiên. Ví dụ: khi nhấp vào "NHU CẦU ĐIỆN TRÊN BIÊN GIỚI ĐIỆN KHÍ TOÀN CẦU", bản pdf sẽ mở trong một tab mới, nhưng đối với "TẠI SAO NGƯỜI DÂN VẪN NGHÈO?", nó sẽ tải xuống. Tôi đang sử dụng Google Chrome, nhưng tôi muốn hoạt động giống nhau trên tất cả các trình duyệt hiện đại

Hôm nay, tôi đang cố gắng giải quyết vấn đề này xuất phát từ cùng một vấn đề nhức nhối đã nêu trong bài đăng gốc -- khi tôi xem qua một tệp PDF (mở trong Chrome) để kiểm tra các liên kết được nhúng, nhấp vào bất kỳ liên kết nào trong số chúng dẫn đến việc mở liên kết . Để quay lại tệp, tôi tiếp tục sử dụng nút Quay lại. Bằng cách đó, tệp tự tải lại, buộc tôi phải cuộn đến vị trí của liên kết cuối cùng mà tôi vừa kiểm tra. Quá trình này trở nên rườm rà trong một tệp có hơn 30 trang và nhiều đường liên kết gấp 3 lần

Giải pháp mà tôi thấy phù hợp với mình (đã thử nghiệm trên Chrome, Firefox, Edge) kể từ ngày 7 tháng 8 năm 2022 như sau

• Tạo tệp PDF có liên kết
  Trong trường hợp của tôi, tôi đã tạo tệp PDF từ tệp bản trình bày trình chiếu PowerPoint. Sau đó, tôi đã chỉnh sửa một số liên kết đã được nhúng trong tệp PDF đó bằng Adobe Acrobat DC và lưu lại ở đó, nhưng tôi nghi ngờ bước đó tạo ra bất kỳ ý nghĩa nào -- bây giờ bạn có thể biết, nếu liên kết của bạn khác
• Tải tệp PDF đó lên dịch vụ Google Drive MIỄN PHÍ.  
  
• Sau khi tệp được tải lên, hãy tạo Liên kết có thể chia sẻ từ tệp đó
  >>>>>>     NHẤP PHẢI VÀO TỆP. >>>>>    CHỌN 'NHẬN LIÊN KẾT' TỪ MENU
  Trong phần Truy cập chung của cửa sổ, tôi đã chọn 'Bất kỳ ai có liên kết' như minh họa bên dưới. Sau đó, nhấp vào nút 'Sao chép liên kết'
  
• Khởi chạy một trình duyệt
• Dán liên kết đã sao chép vào trường địa chỉ url
• Nhấn Return/Enter sẽ mở tệp PDF trong trình duyệt đó
  
• Trong tệp PDF đang mở, nhấp vào bất kỳ liên kết nào
  NÓ MỞ TRONG MỘT TAB MỚI. KHÔNG TRONG CÙNG TAB. NHƯNG CŨNG --  KHÔNG CÓ TRONG CỬA SỔ MỚI.    

Vì giải pháp này phù hợp với tôi nên tôi đã quyết định thử nghiệm nó trên một số trường hợp khác mà tôi đọc được những người dùng thảo luận ở đây trong bài đăng này. Tôi đã thử nghiệm điều này trên PC của mình bằng trình duyệt Chrome, Firefox và Edge với thành công như nhau trên mỗi trình duyệt
Tôi cũng đã mở liên kết trong Chrome trên điện thoại di động Android của mình để có kết quả giống hệt nhau

Tôi không kiểm tra vỏ trên máy Mac, Safari hoặc iPhone, nhưng trên điện thoại Android, quá trình này diễn ra suôn sẻ. vâng
Hy vọng điều này sẽ giúp một số bạn là tốt
   

Syncfusion Essential PDF là một. NET PDF được sử dụng để tạo, đọc và chỉnh sửa tài liệu PDF. Sử dụng thư viện này, bạn có thể mở tệp PDF trong tab mới hoặc tải xuống tài liệu PDF bằng Lệnh gọi AJAX

Thực hiện chương trình bạn sẽ được tài liệu PDF như sau

Ghi chú

Bắt đầu với v16. 2. 0. x, nếu bạn tham khảo các tổ hợp Syncfusion từ thiết lập dùng thử hoặc nguồn cấp dữ liệu NuGet, hãy bao gồm khóa cấp phép trong các dự án của bạn. Tham khảo liên kết này để tìm hiểu về cách tạo và đăng ký khóa cấp phép Syncfusion trong ứng dụng của bạn để sử dụng các thành phần mà không có thông báo theo dõi

Bạn có thành phần này có thể hiển thị nhiều loại tệp. Hạn chế duy nhất là yêu cầu kết nối internet mở

Trân trọng,

Marcello

Chào Marcelo,

Cảm ơn vì đã phản hồi
Tôi đã thấy thành phần 'Trình xem trước web'. Trong các cuộc thảo luận ở trên, tôi đã thấy rằng, một tệp có thể được mở trong iframe bằng cách đưa ra một liên kết. ( do Paulo Zacarias đăng) dán cùng một bài đăng bên dưới để tham khảo

"

Những gì bạn đang tìm kiếm có thể được thực hiện với tiện ích iFrame mà bạn có thể tìm thấy trong Tiện ích (WebPattern)

Vì vậy, trong màn hình này, bạn mở qua target=_blank, bạn đặt tiện ích iFrame và xác định SourceURL là tệp PDF bạn muốn tải xuống. Tôi tin rằng điều này nên làm việc

Bài viết này liên quan đến việc mở tệp PDF trong tab mới trong trình duyệt web trong React. js khi nhấp vào nút. Có thể bằng cách nhập tệp PDF dưới dạng mô-đun trong tệp của bạn

Tiếp cận. Để hoàn thành tác vụ này, chúng tôi không cần tạo bất kỳ thành phần mới nào, chúng tôi sẽ sử dụng một thành phần duy nhất có tên là “Ứng dụng. js” mặc định sẽ có khi chúng ta tạo ứng dụng React. Trong “Ứng dụng. js”, chúng tôi sẽ viết logic chính của mình để thực hiện chức năng đã cho. Để đạt được nhiệm vụ này, chúng tôi không cần cài đặt bất kỳ mô-đun bên ngoài nào

Thiết lập phản ứng. ứng dụng js

Bước 1. Tạo phản ứng. ứng dụng js bằng lệnh sau

npx create-react-app <project-name>

Bước 2. Sau khi tạo thư mục dự án của bạn, hãy di chuyển vào thư mục đó bằng lệnh sau

cd <project-name>

Cấu trúc dự án. Cấu trúc dự án sẽ trông như thế này

Thí dụ. Hãy hiểu việc thực hiện thông qua ví dụ

Ứng dụng. js

import React from"react";

import samplePDF1 from"./SamplePDF.pdf";

import samplePDF2 from

cd <project-name>

cd <project-name>

cd <project-name>

cd <project-name>

cd <project-name>

cd <project-name>

cd <project-name>

cd <project-name>

npm start

npm start

npm start

npm start

npm start

npm start

npm start

npm start

npm start

npm start

npm start

npm start

npm start

npm start

npm start

cd <project-name>

cd <project-name>

cd <project-name>

;9

import samplePDF1 from0

import samplePDF1 from1import samplePDF1 from2 import samplePDF1 from3

Các bước chạy chương trình. Để chạy ứng dụng, hãy thực hiện lệnh bên dưới từ thư mục gốc của dự án

npm start

đầu ra. Ứng dụng web của bạn sẽ hoạt động trên “http. //máy chủ cục bộ. 3000”. Bây giờ, hãy nhấp vào các liên kết bạn đã tạo

Giải trình. Bạn sẽ nhận thấy rằng cả hai liên kết sẽ mở trong tab mới với các tệp PDF cụ thể của chúng, cả hai tệp pdf đều khác biệt

Làm cách nào để mở tệp PDF trong cửa sổ mới bằng JavaScript?

Làm cách nào để mở tệp trong tab mới bằng JavaScript?