【已解決】[問題] 新手問angular 下載檔案問題

看板Ajax作者 (laversten)時間6年前 (2018/06/11 23:07), 6年前編輯推噓2(2029)
留言31則, 3人參與, 6年前最新討論串1/1
. 手機排版 敬請見諒 . 想請問一下最近想用angular 透過web api 下載xlsx 檔案, 用postman 是可以成功下載的, 可是寫到angular裡面, 瀏覽器就是沒有下載出現。 本以為是Post 的關係(用arraybuffer, blob) 去取沒成功, 後來直接改用get 想說比較簡單, api 是成功傳送(return 200) 可是依舊沒有下載出現, 也不知道從何找起 想說是有什麼該注意的我沒注意到的嗎? PS. 檔案的處理在後端都解決了, 前台應該是連Api 就可才對。 PS2. return的值是類似zxAblHsncjanw一串文字 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 115.82.131.150 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1528729645.A.AB8.html

06/12 00:23, 6年前 , 1F
你把你的 request 內容包含 header 還有 response 內容
06/12 00:23, 1F

06/12 00:23, 6年前 , 2F
跟 header 全部貼出來吧,不然連要抓什麼藥都不知道
06/12 00:23, 2F

06/12 11:57, 6年前 , 3F
06/12 11:57, 3F

06/12 11:58, 6年前 , 4F
06/12 11:58, 4F

06/12 22:15, 6年前 , 5F

06/12 22:15, 6年前 , 6F
伺服器加 Content-Type 試試看
06/12 22:15, 6F

06/12 22:17, 6年前 , 7F

06/12 22:17, 6年前 , 8F
aders/Content-Disposition可以參考示例那裡
06/12 22:17, 8F

06/13 13:07, 6年前 , 9F
還是沒辦法欸
06/13 13:07, 9F

06/13 13:08, 6年前 , 10F
我是用<a ng-click=''/>去呼叫 api
06/13 13:08, 10F

06/13 13:09, 6年前 , 11F
想說還是我是需要用 href=data URI來下載阿?
06/13 13:09, 11F

06/13 13:10, 6年前 , 12F
不知道是瀏覽器還是我這邊沒處理好response.
06/13 13:10, 12F

06/13 13:38, 6年前 , 13F
加了header還是不行嗎?
06/13 13:38, 13F

06/13 16:14, 6年前 , 14F
對啊 現在換用datauri 成功下載檔案但是打不開檔案
06/13 16:14, 14F

06/13 16:18, 6年前 , 15F

06/13 17:08, 6年前 , 16F
回傳的content-typehttps://i.imgur.com/63R1gHD.jpg
06/13 17:08, 16F

06/13 19:45, 6年前 , 17F
xhr 不會跳出下載視窗,Web navigation 才會。
06/13 19:45, 17F

06/13 19:45, 6年前 , 18F
試試產生 dataurl 後,window.open 該 URL
06/13 19:45, 18F

06/14 13:53, 6年前 , 19F
加了window. open沒有作用欸,我在想會不會是格式有誤
06/14 13:53, 19F

06/14 13:55, 6年前 , 20F
此兩種格式都試過
06/14 13:55, 20F

06/14 13:55, 6年前 , 21F

06/14 18:31, 6年前 , 22F
「沒有作用」是什麼意思?你知道 window.open() 的功能嗎
06/14 18:31, 22F

06/14 18:32, 6年前 , 23F
可以的話把程式碼貼上來,大家才知道你寫了些什麼
06/14 18:32, 23F

06/19 09:31, 6年前 , 24F
html設定<a href="data:application/octet-stream,{{ds
06/19 09:31, 24F

06/19 09:31, 6年前 , 25F
udcc.dataurl}}" download="azureDailyDetail.xls" id=
06/19 09:31, 25F

06/19 09:31, 6年前 , 26F
"downloadUrl" style="display:none;"/>
06/19 09:31, 26F

06/19 09:35, 6年前 , 27F

06/19 09:35, 6年前 , 28F
74PM2pAXv4PIsKWD7UiqXR9Vj3B4/mobilebasic
06/19 09:35, 28F

06/20 14:16, 6年前 , 29F
【更新】成功產生出檔案,但是內容錯誤@@https://i.img
06/20 14:16, 29F

06/20 14:16, 6年前 , 30F
ur.com/1412590.jpg
06/20 14:16, 30F
※ 編輯: laversten (101.11.0.159), 06/20/2018 17:42:13

06/20 17:42, 6年前 , 31F
新增responsetype=arraybuffer即可
06/20 17:42, 31F
文章代碼(AID): #1R7f0jgu (Ajax)
文章代碼(AID): #1R7f0jgu (Ajax)