如何在R中顯示從MySQL中檢索到的圖像Shiny？

我從android應用程序獲取數據，該應用程序允許用戶拍照並將其上傳到服務器。
圖像以JPEG格式存儲在MySQL中。
我得到以下數據爲每個圖像...

數據：圖像/ JPEG; BASE64，/ 9J/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCABkAGQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4 + Tl5ufo6erx8vP09fb3 + PN6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1 dbX2Nna4uPk5ebn6Onq8vP09fb3 + PN6/9oADAMBAAIRAxEAPwDl4LJZyo8zYWfbjjPbnr7/AOecIbbygZFkZcDq3yk/TBOR70kMMjAOjqPn2jMoBB/E9PemTr5L7GwSePlYH9RxTJJPsT5Yb + jbQQpIORkc + lRFpEVoMjGckbR1 + tPijmO4x7jyF + Xvnt + lNdGjYow2sMghhyKmzuPSw1VJVjkcDP64/rSA4OV6 + 1KMjP68U + S3mi3eZG6Y4O5SMHrTAmtjeS7vKmcbSM5kIHP/AOqnNeXtvKY2ncOOxOapb5Q + 6NtuOhBoZpWYPIS/HUmiyDU01vNTC7yGdMbs + WCMfWkXVroggRowAycA9PzrPFxOImiwNh7bRSQzPAQ6D5weOOlLlQXZdh1OWB90YCAnLIPun/Ctm3vlnj3iVAB94PgYrnJ7qS5K + aMFRjOSc/nUZyVI70nG40zpf7SgBIMqHHoporl8 + H/Wip5B8xY4JynA9DUdxkbSx6GpopTA5I2kg9GQMPyNRXT + YN3HXJwMD8q1IQ7jPy8gY/OmyZ3Kx9cVNbSGBtxAJKkYOCOfXINNu5jKqu + zKkD5VC9PpQCEHLPnpjNTtfSvbC3fDIOmRkj8ar4zIPl5wf51OMzBPNuVG3CAPuO1fy6daAK0G5CXyAUYEZGRmhuUYUFcTuFO4Z4I6H3FWZyjCIptyYxuAGMHJHPJ/p9KQyGMhVLFFfeCBuzx7jFRtyR + VPgIjkQsgcI2dp6EA9KsXNsAJJo3hCE5RFkyRzwMUxFUjHyngjrSDg + tSRJ5hUKMsxwM + tIwx + HpSGVpFCueODyKKn3Lj5hRSAtx21q8aFr1I3Od6vG3ynJxggHPTJ + veqt2ipGu11bdydoPHscimtIS7NlRk5xxxTXJZOSOKoRbtLdrt3ADEhd3ygdMjt9PSnapZLZ/IhdgVzmSIoRz6Gq2MYCYPHOKQ7mUrjrQAu5gUYd + 9PVYjEWLN5m4ALjjHPOfy pikhFI56D + lO37S6pgggKeM /升+ VADD8kqkdwR16VJsj8jf5n7zdjZjtjrmopM7ckdO9OOA3c470AIG2FgOjd6lkijWCORZtzNkOmMbef1/+ vUD5IBxgA1KkpidtiK3GPmUN2x3pDEjGFxSgZGKau4sOMA9zTtwydoyPWgQ3GO1FKW5 + 634UUDJBE5h83Kbd237w3Z69OuPfpTZTsjDdecYpodR1PFFzIrwgLyQc1Qhcg0gxnoKI/uL6kUvP0FIBsgzG30qe3RjM0SyrEGUhixwpAGcfpx74qIelRqWZEUZGBj3JoAs3UAhXYJY5gybsxnI + H9 + Kbps4gu4ZWXIRwTnPFRywyxPsk4OAcexGR + hpqghNuepzmgB7ryyZz2yDUmnSmO5iYbRtbGXztAPHOO3NQbT/AH6RTtLJjHPX2oAu3FkscJf7TBIcD5VY5P8Anjr/AI1XhG8ou4Lk4yeg + tJtHB3ZyPyoQAZXNAFyPT55FyGgx7zoP5miqYopDFWIEBiuQeKbdKqQgqADnGRVhLpvsoty6eWH3DgZzjHXrj2qC6kVoAoIJDZOPSmIbbrJJsjUMznCqqjk + gFXZdOu7aFZrm1lijZtoLqRz + P + evpVCPhck + n8qlWVR3oQDAfmdSOh4PtSKPxPP86Ac3LEfdI60pTrjuc/ypAWbt4pQJRNPLMx + Yy88Y45zzj1qtSbD2H5mk2t6D86Bj/xpjkbh78UoVu4H/FX/wBagqTjpwaBFu2ezCFbpH3bgwZOpHocnGPwzz1qseoweaCCSTlcn1pCp6ggH6UASMoB5yM88UU0hmOcrz7UUDGeS + EI/wDfX/1qXySRglQKsYzSAce9MRD5TbQu5ePUUCI/7P5f/XqXvkfpR/OgCNU2sTn8BS08Y7ZpMc0gG0d6WigYmAKB1o + lKOvvmgBOv40UoFJ0oATHoDRSiigCSk7Z96KKYhScqzGm9ce9FFIBF6E + lOAyeaKKBje9Oxzj2oooAbijt RRQAUlFFAC44ooooA // 2Q ==如何在R中顯示從MySQL中檢索到的圖像Shiny？

當我呈現在閃亮，我得到而PIC是沒有得到加載每行只有空白模板。
我不知道我是否應該刪除初始標籤

data:image/jpeg;base64,

只得到的圖片...但不知道是否會有所幫助。

我當前的代碼，以使在裏面renderUI的圖片如下：

title = HTML(paste0("<div class='image-wrap'><img src='./images/", 
               ps()$img[ps()$image_path == i], 
               "'class=fixed-height'", 
               ps()$img[ps()$image_path == i], 
               "'></div>" 

          ))

相同的代碼工作得很好，當我渲染本地存儲的JPEG圖像。

這是我第一次處理圖像，我不知道如果給定的細節足以。

來源

2016-09-29 Apricot

我不確定這是否是您想要的，但如果您只是想將給定的編碼圖像輸出到網頁，那麼您可以簡單地使用該base64字符串作爲<img>標記的src屬性。下面是一個例子，讓你開始：

library(shiny) 

imageData <- "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCABkAGQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDl4LJZyo8zYWfbjjPbnr7/AOecIbbygZFkZcDq3yk/TBOR70kMMjAOjqPn2jMoBB/E9PemTr5L7GwSePlYH9RxTJJPsT5Yb+jbQQpIORkc+lRFpEVoMjGckbR1+tPijmO4x7jyF+Xvnt+lNdGjYow2sMghhyKmzuPSw1VJVjkcDP64/rSA4OV6+1KMjP68U+S3mi3eZG6Y4O5SMHrTAmtjeS7vKmcbSM5kIHP/AOqnNeXtvKY2ncOOxOapb5Q+6NtuOhBoZpWYPIS/HUmiyDU01vNTC7yGdMbs+WCMfWkXVroggRowAycA9PzrPFxOImiwNh7bRSQzPAQ6D5weOOlLlQXZdh1OWB90YCAnLIPun/Ctm3vlnj3iVAB94PgYrnJ7qS5K+aMFRjOSc/nUZyVI70nG40zpf7SgBIMqHHoporl8+h/Wip5B8xY4JynA9DUdxkbSx6GpopTA5I2kg9GQMPyNRXT+YN3HXJwMD8q1IQ7jPy8gY/OmyZ3Kx9cVNbSGBtxAJKkYOCOfXINNu5jKqu+zKkD5VC9PpQCEHLPnpjNTtfSvbC3fDIOmRkj8ar4zIPl5wf51OMzBPNuVG3CAPuO1fy6daAK0G5CXyAUYEZGRmhuUYUFcTuFO4Z4I6H3FWZyjCIptyYxuAGMHJHPJ/p9KQyGMhVLFFfeCBuzx7jFRtyR+VPgIjkQsgcI2dp6EA9KsXNsAJJo3hCE5RFkyRzwMUxFUjHyngjrSDg+tSRJ5hUKMsxwM+tIwx+HpSGVpFCueODyKKn3Lj5hRSAtx21q8aFr1I3Od6vG3ynJxggHPTJ+veqt2ipGu11bdydoPHscimtIS7NlRk5xxxTXJZOSOKoRbtLdrt3ADEhd3ygdMjt9PSnapZLZ/IhdgVzmSIoRz6Gq2MYCYPHOKQ7mUrjrQAu5gUYd+9PVYjEWLN5m4ALjjHPOfypikhFI56D+lO37S6pgggKeM/l+VADD8kqkdwR16VJsj8jf5n7zdjZjtjrmopM7ckdO9OOA3c470AIG2FgOjd6lkijWCORZtzNkOmMbef1/+vUD5IBxgA1KkpidtiK3GPmUN2x3pDEjGFxSgZGKau4sOMA9zTtwydoyPWgQ3GO1FKW5+634UUDJBE5h83Kbd237w3Z69OuPfpTZTsjDdecYpodR1PFFzIrwgLyQc1Qhcg0gxnoKI/uL6kUvP0FIBsgzG30qe3RjM0SyrEGUhixwpAGcfpx74qIelRqWZEUZGBj3JoAs3UAhXYJY5gybsxnI+h9+Kbps4gu4ZWXIRwTnPFRywyxPsk4OAcexGR+hpqghNuepzmgB7ryyZz2yDUmnSmO5iYbRtbGXztAPHOO3NQbT/AH6RTtLJjHPX2oAu3FkscJf7TBIcD5VY5P8Anjr/AI1XhG8ou4Lk4yeg+tJtHB3ZyPyoQAZXNAFyPT55FyGgx7zoP5miqYopDFWIEBiuQeKbdKqQgqADnGRVhLpvsoty6eWH3DgZzjHXrj2qC6kVoAoIJDZOPSmIbbrJJsjUMznCqqjk+gFXZdOu7aFZrm1lijZtoLqRz+P+evpVCPhck+n8qlWVR3oQDAfmdSOh4PtSKPxPP86Ac3LEfdI60pTrjuc/ypAWbt4pQJRNPLMx+Yy88Y45zzj1qtSbD2H5mk2t6D86Bj/xpjkbh78UoVu4H/fX/wBagqTjpwaBFu2ezCFbpH3bgwZOpHocnGPwzz1qseoweaCCSTlcn1pCp6ggH6UASMoB5yM88UU0hmOcrz7UUDGeS+ei/wDfX/1qXySRglQKsYzSAce9MRD5TbQu5ePUUCI/7P5f/XqXvkfpR/OgCNU2sTn8BS08Y7ZpMc0gG0d6WigYmAKB1o+lKOvvmgBOv40UoFJ0oATHoDRSiigCSk7Z96KKYhScqzGm9ce9FFIBF6E+lOAyeaKKBje9Oxzj2oooAbijtRRQAUlFFAC44ooooA//2Q==" 

ui <- fluidPage(
    tags$img(src = imageData) 
) 

server <- function(input, output, session) { 

} 

shinyApp(ui = ui, server = server)

來源

2016-09-29 07:11:12

這是這麼簡單嗎？：-）謝謝。 – Apricot

好的我找到了這個問題的答案here。當我將搜索字符串更改爲包含base64時，我偶然發現了這一點。

來源

2016-09-29 06:23:03 Apricot

如何在R中顯示從MySQL中檢索到的圖像Shiny？

回答

相關問題