[Koprowy]

React. Jak mam iframe do renderowania dokumentow docx, a plik trzymam w reduxie to jak mam podac plik do src w iframe, skoro musze dodac 'https://view.officeapps.live.com/op/embed.aspx?src=' w src a potem do pliku.
Normalnie jak sie podaje do zdjecia to src={photo}, a tutaj jest plik i ten przedrostek
This is an embedded Microsoft Office document, powered by Office Online.
#programowanie #javascript #react

[Marmite]

@Koprowy: src={`https://view.officeapps.live.com/op/embed.aspx?src=${zmiennaZeSciezkaDoPliku}`} (zwróć uwagę na tzw backticki)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

[Koprowy]

@Marmite: "https://view.officeapps.live.com/op/embed.aspx?src=/static/media/goodfile.2c592ea1.docx"
Cos takiego mam ale i tak nie dziala. Musze ogarnac jakis managment plikow lokalnych? Plik ten trzymam w Reduxie generalnie

[Marmite]

@Koprowy: co to znaczy że plik trzymasz w Reduxie? Trzymasz tam fizyczny plik w postaci bloba czy ścieżkę do niego? Jeśli to co wkleiłeś to rezultat tego rozwiązania to znaczy że trzymasz ścieżkę i to że trzymasz "w Reduxie" nie ma tu nic do rzeczy. Problem polega raczej na tym że musisz podać PEŁNY url do niego, a ty próbujesz podać lokalny, względem swojego serwisu. Office Online musi mieć jak odczytać

[Koprowy]

@Marmite: Trzymam plik fizycznie, ale tez w base64. Czyli mam stworzyc Blob i go podac jako src? Czy w jaki sposob podac do niego sciezke? Probowalem zrobic z tego bloba nastepnie URL.createObjectUrl() z tego bloba i wtedy mialem link blob:http://localhost:3000/ i tutaj jakis random string

[Marmite]

@Koprowy: taki sposób z blobem raczej nie zadziała - ale nie wiem, sprawdź, podaj to jako src. Jeśli możesz go przekazać jako base64 to być może da radę podać jako src link postaci [https://view.officeapps.live.com/op/embed.aspx?src=data:application/vnd.openxmlformats-officedocument.wordprocessingml.document;](https://view.officeapps.live.com/op/embed.aspx?src=data:application/vnd.openxmlformats-officedocument.wordprocessingml.document;) i tutaj po średniku leci base64 (oczywiście zakładając że to jest poprawny MIME type - nie wiem, wziąłem go z neta), ale wszystko rozbija się o to czy ten office online pozwala na coś takiego - być

[Koprowy]

@Marmite: Dziękuje bardzo za pomoc, zaraz ogarnę i dam znać jak poszło ;)

[Koprowy]

@Marmite: Nie działa ani z base64 i typem dokumentu ani z blobem. Szczerze to juz nie mam pojecia. Generalnie uzywam paczki ale ona zmienia troche wyglad dokumentu

[lobo]

@Koprowy: Nie znam ich api ale zakładam, że musi być pełny adres http://test.com do pliku możliwe, że zencodowany
dodatkowo ten plik musi być prawdopodobnie publicznie dostępny i mieć odpowiednie nagłówki zwracane

[lobo]

@Koprowy: https://stackoverflow.com/questions/39630273/online-doc-viewer