How to view pdf files on mobile

first, let"s talk about the requirements raised by customers: upload a pdf file in the background and view the contents of the pdf file, and the front-end mobile end can also view the pdf content online
upload and view the content on the background PC side (this is easy, nesting an iframe is done), but if you open the pdf using iframe on the mobile side, it will be automatically converted to a download file, so you find pdf.js to deal with the pdf file, but to no avail.

The

page has a canvas tag but is blank

vue-pdf

finally, the mobile end is the nailing application, and then the page is developed with vue

Please give me more advice if you know something about this problem.

if you need to add, please put forward

Vue.js javascript html5 html

Dec.22,2021

see if you can use the native methods provided by nails to preview pdf files. Related methods, https://open-doc.dingtalk.com.

have done a preview with pdf.js before, but there are still many pits in the middle. Post the demo address: https://github.com/Lushenggan..

I've written it in pdf.js before, and the function is fine. I can check it or turn the page, but it's too blurry on mobile, but later I can't find a better solution. Customers have opinions, but there's nothing I can do about it. It just goes away

directly window.open ("pdf link") .
but the backend needs to configure the pdf path in the service, which can be accessed directly by clicking on it.

how did you finally solve it? tell me that I also met

Previous: Use vue v-for loop rendering dom, to do drag and drop, now only one element has a background, how to drag and drop the released element has a style?

Next: If you use php to write tree structure?

The data in vue cannot be rendered?
<div class="layout-right-top"> <h3>:{{message}}< h3> <h3 style="margin-top: 20px;">:23< h3> < div> -sharpdata data:function (){ return{ message: hello } } but it doesn ...

Vue.js javascript html5 html typescript

Jul.04,2021
How do click events in a two-dimensional array in vue determine elements?
in vue, there is a two-dimensional array that is looped out with v-for. How do you determine the click event of an element? Change the value in the array <div class="gd_box"> <div class="gd_body" v-for="(item,inde)...

Vue.js javascript html5 html

Nov.29,2021