浏览器自带预览pdf格式+upload

Girasoless

已于 2023-05-24 09:01:16 修改

阅读量309

点赞数

文章标签： pdf vue.js javascript

于 2023-05-19 17:53:51 首次发布

本文链接：https://blog.youkuaiyun.com/Girasoles/article/details/130771579

版权

html结构：利用iframe

    <el-upload
                ref="lg_uploadFile"
                class="upload-demo upload-new upload_file"
                action=""
                :on-remove="fileHandleRemoveFile"
                :before-remove="fileBeforeRemoveCheck"
                :on-success="fileUploadSuccess"
                :on-preview="handlePreviewFile"
                :on-error="handleUploadError"
                :on-change="fileHandleChange"
                :auto-upload=false
                :http-request="uploadFile"
                :disabled="fileDisabled"
                :file-list="fileSuccessList">
        </el-upload>

        <iframe v-if="flag" ref="mainiframe" :src="pdfUrl +' #toolbar=0'"></iframe>

        <