Wpis z mikrobloga

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
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • Odpowiedz
@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
  • Odpowiedz
@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 -
  • Odpowiedz
@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
  • Odpowiedz
@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
  • Odpowiedz