Javascript 如何从Rails应用程序发送Base64编码图像并显示图像
我试图在另一个网站上显示rails应用程序公共目录中托管的图像。我基本上不希望用户能够在浏览器中键入图像标记的src，并访问可以找到图像的我的应用程序的uri 在做了一些挖掘之后，我确定实现这一点的方法可能是将图像作为base64编码的数据发送，然后从接收ajax响应的网站上的数据重建图像。如果我弄错了，请告诉我 我已经通过ajax成功地将rails应用程序中的base64数据发送到了我的网站，但是我很难从数据中构建图像 这是我的rails代码：Javascript 如何从Rails应用程序发送Base64编码图像并显示图像,javascript,jquery,html,ruby-on-rails,ajax,Javascript,Jquery,Html,Ruby On Rails,Ajax,我试图在另一个网站上显示rails应用程序公共目录中托管的图像。我基本上不希望用户能够在浏览器中键入图像标记的src，并访问可以找到图像的我的应用程序的uri 在做了一些挖掘之后，我确定实现这一点的方法可能是将图像作为base64编码的数据发送，然后从接收ajax响应的网站上的数据重建图像。如果我弄错了，请告诉我 我已经通过ajax成功地将rails应用程序中的base64数据发送到了我的网站，但是我很难从数据中构建图像 这是我的rails代码： def send_image(blank=nil
def send_image(blank=nil)
require 'base64'
@image= "#{Rails.root}/public/test.jpg"
@imageEncoded = Base64.encode64(@image)
send_data @imageEncoded, :type => 'text/plain', disposition: "inline", :x_sendfile=> true
end
L2FwcC9wdWJsaWMvcHVwcHkuanBn
$("#picture").attr("src","data:image/jpg;base64," + data);
L2FwcC9wdWJsaWMvcHVwcHkuanBn
$("#picture").attr("src","data:image/jpg;base64," + data);
���� :ExifMM* � s � � � ( 1 � 2 ҇i � -��' -��' Adobe Photoshop CS5 Macintosh2015:05:20 15:25:20 � 0221� ��� �� � n v ( ~ �H H ����Adobe_CM �� Adobed� ��� �� x� " �� �� ? 3 ! 1 AQa "q�2 ���B#$ R�b34r��C %�S���cs5 ���&D�TdE£t6 �U�e���u��F'���������������Vfv��������7GWgw�������� 5 !1 AQaq" 2�� ��B#�R��3$b�r��CS cs4�% ��� &5��D�T� dEU6te����u��F���������������Vfv��������'7GWgw������� ?�T�I%)$�IJI$�R�I$���I%)$�IJI$�R�I$���I%)$�IO���T�I%)$�IJI #&� .�dž�J��ɶ��0?ю Ys� o.̘�J~ �z�Ugk �Ø� iU~u�: ��* >� � hL�^� HЎ$*Y9��;��ѵ ��_7I���� �� [� � � � � HI ��K�D�� c ӈ�uQ� � a��;C���;\�} s V%e��)��lm���K r_�-�\��i�IT�/�sa�A�Q�z��1*�r�@ wk�H ��!�� ~��� �O�DN ���7 I$�B�I$�����T�I%) /)��op�th�(� ���2KX k=�?�Qg�����@Ɇ s�� �� k��* u�%���\�W��Oc��� ϱ�Ǭ�y��=�� i?�z1�� A�+�<��Vvo� Q��Z� / �c� �����Of�+�5�hy2����; � ���:Ů=c���W]m kˁ��m{v��Ќx�t�e d[���7# ��6ڈp�S � � �Nr�!� N��X8�{�w=�p ��#��+��u�>Ө�S���� ��n����i� � �� B�C�5�'� y ��t�t��� kH �.�^�'� ���/ � ������X���-��-�i>+3�P�.nѸ q� � ��T*$�uu��{���;Lhc�7} ��ަ����X���㸏 �n�_K�ߣi�q �
fetch()
.then(
response => response.blob()
)
**在这一点上，我不知道如何获得blobURL。我知道如何设置图像的src，但我需要先完成其他步骤。“当我查看开发人员工具的“网络”选项卡时，ajax响应中会显示图片，但我无法使用该数据构建图像。”图像已经构建，不是吗？响应是否为有效的
JPEGbase64jQuery.ajax（）BlobJPEGbase64jQuery.ajax（）Blob