Vue中接收二進位制檔案流實現pdf預覽

2021-10-12 04:46:10 字數 2708 閱讀 7750

//檔案路徑

string filepathname = const.upload_hbfile_path +

"/"+ filename

+".pdf"

; file file =

newfile

(filepathname)

;byte

data = null;if(

!file.

exists()

)else

catch

(exception e)}}

封裝axios, request.js

import axios from

'axios'

/** * 封裝axios非同步請求的方法***************===

*///建立乙個axios物件-----------

const request = axios.

create()

//設定請求**************************************=

//對攔截進行請求--------------------

request.interceptors.request.

use(config =>

return config;

}, error =>);

//設定響應*********************************====

//對攔截進行響應--------------------

request.interceptors.response.

use(response =>';

}return response.data;

},error =>

)export

default request //匯出自定義建立的axios物件,供其他元件進行使用

定義方法 common.js
import request from

'@/utils/request'

//匯入已經封裝好的axios請求方式

export

function

getpdfstream

(param)

, responsetype:

'blob'

, transformrequest:

function

(obj),}

)}

頁面**
width

="900px"

title

="檔案檢視"

v-model

="lookpdffile"

:footer

="null"

:forcerender

="true"

@ok="lookpdffile"

>

:style=""

>

:src

="pdfurl"

id="previewpdf"

frameborder

="0"

style

="width

: 100%;

height

: 100%

">

iframe

>

div>

a-modal

>

//匯入方法

import

from

"@/api/common"

;//定義data

lookpdffile:

false

,//預覽pdf

pdfurl:'',

// pdf路徑

關鍵**(獲取檔名稱後呼叫getpdfstream方法獲取檔案流)
let _this =

this;if

(suffix ==

'pdf'))

.then

(res =>

)// 使用 blob 建立乙個指向型別化陣列的url, url.createobjecturl是new blob檔案的方法,可以生成乙個普通的url,可以直接使用,比如用在img.src上

if(window.createobjecturl != undefined)

else

if(window.webkiturl != undefined)

catch

(error)}

else

if(window.

url!= undefined)

catch

(error)}

}this

.$nexttick((

)=>)}

)return

;}

php binary,php接收二進位製流

標籤 二進位製流生成檔案 post 無法解釋二進位製流,需要用到 globals http raw post data 或 php input globals http raw post data 和 php input 都不能用於 enctype multipart form data param...

PHP接收二進位製流並生成檔案

php接收二進位製流並生成檔案 二進位製流生成檔案 post 無法解釋二進位製流,需要用到 globals http raw post data 或 php input globals http raw post data 和 php input 都不能用於 enctype multipart fo...

檔案流和二進位製流操作

filestream filestream 對於在檔案系統上讀取和寫入檔案非常有用,filestream 快取輸入和輸出,以獲得更好的效能。filestream 類能夠以同步或非同步這兩種模式之一開啟檔案,而且對同步方法 read 和 write 和非同步方法 beginread 和beginwri...