การเปิดไฟล์ PDF อีกแท็บนึง ด้วย target ใน html

Post a reply


This question is a means of preventing automated form submissions by spambots.
Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: การเปิดไฟล์ PDF อีกแท็บนึง ด้วย target ใน html

การเปิดไฟล์ PDF อีกแท็บนึง ด้วย target ใน html

Post by chatee supasand » 15/07/2019 5:42 pm

เราสามารถใช้งานภาษา ไพทอน รวมกับ HTMLได้ โดยที่สามารถสั่งเปิดไฟล์จากหน้าเว็บเพจขึ้นมาได้ ซึ่งการเปิดไฟล์ PDF ปกติจะเปิดในหน้าของ บราว์เซอร์ นั้นเลยแต่เราสามารถเปิดไปอีกแท็บนึงได้ ทำยังไงมาดูกันเลยดีกว่าครับ

pythoncode

เป็นโค้ดที่ทำการเปิดเรียกใช้ ไฟล์ PDF จากเครื่องของเรา

Code: Select all

@app.route('/opens/<postID>', methods=['POST', 'GET'])
def opens(postID):
    idd = postID
    try:
            pdfpath = ('ที่อยู่ของไฟล์ PDF ที่เราต้องการเปิด')
            resp1 = send_file(pdfpath)
            open('ที่อยู่ของไฟล์ PDF ที่เราต้องการเปิด')
            resp1.headers['Content-Disposition'] = "inline; filename=%s" % idd + str('.pdf')
            resp1.mimetype = 'application/pdf'
    except:
            print('ผิดพลาด')
    return resp1


HTML โค้ด

Code: Select all

<a href="/opens/{{ row[1] }}" target="_blank">เปิดไฟล์ PDF </a>   
<!--ใช้แท็ก a href=" " ส่งข้อมูลไปที่ ฟังชั่นของ Opens เพิ่อเรียกเปิดไฟล์ที่เราคต้องการ -->
<!--target="_blank  คือการสั่งเปิดอีกบราวเซอร์นึง-->



ผลลัพธ์ที่ได้
กดที่ปุ่มเปิดไฟล์
op1.png
op1.png (48.21 KiB) Viewed 215 times

จะเปิดไฟล์ PDF ออกมาอีกแท็บตามรูปเลย
op2.png
op2.png (44.4 KiB) Viewed 215 times


ข้อมูลเพิ่มเติม
viewtopic.php?f=16&t=58167

Top