Question

我有以下img标签：

<img alt="no pic to display"  class="profile__image" id ="popupPic" />

我正在尝试显示从ajax调用中检索到的照片：

照片在浏览器控制台中显示如下： coded pic

这是我试图在这里使用的jquery：

var pic=(data.split("photo:")[1]).split("manager:")[0];
document.getElementById("popupPic").src ='data:image/png;base64, + pic';

用于对活动目录进行ajax调用的php文件：http://pastebin.com/tSRxwQL8

我可以通过调用jQuery来显示控制台中的其他属性，如标题，邮件，部门等，如下所示：

 $('.leaderboard li').on('click', function () {
 $.ajax({
 url: "../popupData/activedirectory.php", 
 type: "POST",
 data: {id:$(this).find('.parent-div').data('id')},
 success: function(data){
 console.info(data);
 $('#popup').fadeIn();
 var email=(data.split("mail:")[1]).split("title:")[0];
 $('#emailOfUser').html('Email:'+ email); 
 var dept=(data.split("department:")[1]).split("manager:")[0];
 $('#departmentOfUser').html('Department:'+ dept);
 var pic=(data.split("photo:")[1]).split("manager:")[0];
 $('#popupPic').append(pic);
 },
 error: function(){
 alert('failed, possible script does not exist');
 }
 });
 });

浏览器控制台显示ajax调用返回：

   <p> sn: xxxxxx<br/>givenname: xxxxx<br/>
   employeeID: 0050<br/
   >distinguishedName: CN=xxxx     xxxxx,OU=Employees,OU=Accounts,OU=India,DC=asia,DC=xxxxxxx,DC=com<br/>
   displayName: Mark Hewettk<br/>sAMAccountName: xxxxxxx<br/>
   department: xxxxx<br/>manager: CN=xxxxxx xxxxxxx,OU=Employees,OU=Accounts,OU=India,DC=asia,DC=xxxx,DC=com
   <br/>
   mail: mhewettk@abc.com<br/>
   title: xyz<br/>
   photo :����%&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz���������������������������������������������������������������������������

问题是我无法显示缩略图，即上面的照片标记。

请帮助我了解如何从ajax数据中获取照片。

在UI中显示来自ajax的照片，名为data

0 个答案: